body {
    padding: 0;
    margin: 0;
    list-style: none
}

body, html {
    height: 100%
}

* {
    padding: 0;
    margin: 0;
    font-family: Microsoft YaHei;
    list-style: none;
    text-decoration: none;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    font-style: normal
}

.main {
    overflow-x: hidden
}

.top-header {
    width: 100%;
    height: 131px;
    position: relative;
    z-index: 1
}

.top-header .top {
    width: 100%;
    height: 30px;
    background: #fbfbfb;
    border-bottom: 1px solid #e8e8e8;
    position: relative;
    z-index: 99
}

.top-header .top .container .left, .top-header .top .container .right {
    font-size: 12px;
    line-height: 30px;
    color: #666
}

.top-header .top .container .left {
    float: left
}

.top-header .top .container .left a {
    color: #ff8006;
    cursor: pointer
}

.top-header .top .container .right {
    float: right
}

.top-header .top .container .right li {
    display: inline-block;
    padding: 0 0 0 24px;
    cursor: pointer;
    margin-left: 24px;
    color: #333
}

.top-header .top .container .right li:hover {
    color: #268cc5
}

.program0 {
    background: url() no-repeat 0;
    background-position-y: 1px
}

.program1 {
    background: url(http://static.gaokao.nercel.com/web/public/img/webchat.9a9fa8f9.png) no-repeat 0;
    background-position-y: 1px
}

.program2 {
    background: url(http://static.gaokao.nercel.com/web/public/img/iphone.4bc91aef.png) no-repeat 0;
    background-position-y: 1px
}

.program3 {
    background: url(http://static.gaokao.nercel.com/web/public/img/vip.d1b30581.png) no-repeat 0;
    background-position-y: 1px
}

.smile-header .top .container .right li {
    background-position-y: -30px
}

.program0 p a {
    color: #ff8006
}

.program0 p a:hover {
    color: #00aff0
}

.top-header .nav {
    height: 100px;
    width: 100%;
    background: #fff
}

.top-header .nav .container {
    position: relative;
    top: 6px
}

.logo {
    width: 160px;
    height: 55px;
    margin: 7px 40px 14px 0
}

.logo, .navbar {
    display: inline-block;
    vertical-align: top
}

.navbar {
    width: 578px
}

.navbar li {
    float: left;
    height: 84px;
    width: 16.86%
}

.navbar li:first-child {
    width: 65px
}

.navbar li .mian-a {
    height: 84px;
    display: block;
    width: 100%;
    text-align: center;
    line-height: 84px;
    color: #202020
}

.navbar .active .mian-a, .navbar li a:hover {
    color: #ff8a00
}

.navbar .active a em, .navbar li a:hover em {
    padding: 15px 5px;
    border-bottom: 2px solid #ff8a00
}

.navbar li div {
    display: none;
    width: 150%;
    margin-left: -25%;
    background: #fff;
    padding: 10px 20px;
    position: relative;
    z-index: 100;
    border-bottom: 6px solid #f4f4f4;
    box-shadow: 0 7px 12px rgba(0, 0, 0, .2);
    border-radius: 0 !important;
    border-top: 6px solid #ececec
}

.navbar li:hover div {
    display: block
}

.navbar li div a {
    display: block;
    width: 100%;
    line-height: 35px;
    text-align: center;
    color: #202020;
    font-size: 15px;
    border-bottom: 1px dotted #ececec
}

.navbar li div .hot {
    background: url() no-repeat 100%;
    width: 32px;
    height: 21px;
    position: absolute;
    margin-left: 10px
}

.secher {
    float: right;
    width: 300px;
    height: 37px;
    border: 1px solid #e4e4e4;
    margin: 22px 0
}

.secher2 {
    width: 260px
}

.secher input {
    height: 35px;
    width: 249px;
    padding: 0 15px;
    border: 0;
    float: left
}

.secher2 input {
    width: 209px
}

.secher button {
    width: 49px;
    height: 35px;
    border: 0;
    background: #005bcc url() no-repeat 50%
}

.secher button:active {
    background: #00aff0 url() no-repeat 50% !important
}

.banner, .banner .bannerbox {
    width: 100%;
    height: 420px
}

.banner .banner1 {
    background: url(http://static.gaokao.nercel.com/web/public/img/banner2.a93ed817.png) no-repeat top
}

html .container {
    width: 1200px;
    margin: 0 auto
}

.aboutEnroll {
    min-height: 500px
}

html .footer .links {
    min-height: 300px;
    color: #ccc;
    overflow: hidden
}

html .footer .copyright {
    height: 60px;
    line-height: 60px;
    background: #262626;
    color: #868686;
    text-align: center
}

html .footer .links .right-cols {
    float: left;
    height: 170px;
    width: 520px;
    margin-top: 80px
}

html .footer .links .left-cols .col {
    width: 125px;
    float: left;
    margin-top: 80px
}

html .footer .links .left-cols .col ul {
    margin: 0;
    padding: 0
}

html .footer .links .left-cols .col ul li {
    font-size: 14px;
    height: 30px;
    line-height: 30px
}

html .footer .links .left-cols .col li:first-child {
    color: #fff;
    font-size: 16px;
    line-height: 1;
    padding-bottom: 15px
}

html .footer .links .right-cols .col {
    float: left;
    text-align: center;
    width: 170px;
    height: 170px
}

html .footer .links .right-cols .col a {
    color: #ccc;
    font-size: 12px
}

html .footer .links .right-cols .col img {
    width: 120px;
    height: 120px
}

html .footer .links .left-cols .col ul li a {
    color: #ccc;
    font-size: 14px;
    line-height: 30px
}

html .footer .copyright, html .footer .copyright a {
    font-size: 14px;
    color: #ccc
}

.recommend {
    width: 400px;
    height: 320px;
    border-radius: 10px;
    background: #fff;
    margin: -340px auto 0;
    right: -400px;
    position: relative
}

.recommendMain, .tipsMessge, .tipsTit {
    text-align: center;
    display: block
}

.tipsTit {
    font-size: 24px;
    color: #222426;
    line-height: 60px;
    padding: 12px 0 5px
}

.tipsMessge {
    width: 70%;
    background: #f5f4f8;
    height: 35px;
    font-size: 14px;
    line-height: 35px;
    border-radius: 18px;
    color: #7e7e7e;
    margin: 0 auto 20px;
    display: none
}

.tipsMessge em {
    color: #fc8e00
}

.indexNews {
    height: 65px;
    width: 1200px;
    background: #ecf5ff;
    margin-top: 40px !important;
    border-radius: 10px;
    padding: 0 15px
}

.indexNews span {
    width: 150px;
    height: 60px;
    display: inline-block;
    background: url(http://static.gaokao.nercel.com/web/public/img/kuaixun.3f50a2c5.png) no-repeat 50%;
    background-size: 140px;
    margin-top: 3px
}

.indexNews ul {
    display: inline-block;
    vertical-align: top
}

.indexNews ul li, .indexNews ul li a {
    height: 65px;
    line-height: 65px
}

.indexNews ul li a {
    display: block;
    font-size: 16px;
    color: #666
}

.recommendMain input, .recommendMain select {
    width: 150px;
    height: 40px;
    border: 1px solid #e2e2e2;
    padding: 0 14px;
    vertical-align: top;
    margin: 0 5px 15px;
    border-radius: 8px;
    font-size: 14px;
    color: #333;
    background: #fff
}

.recommendMain .indexSelect, .recommendMain input {
    width: 79%
}

.recommendMain button {
    width: 78%;
    height: 45px;
    vertical-align: top;
    background: #005bcc;
    border: 0;
    color: #fff;
    font-size: 18px;
    margin: 0 5px;
    border-radius: 8px
}

.service-icons ul {
    font-size: 0;
    padding: 0 0 45px
}

.service-icons ul li {
    width: 20%;
    display: inline-block;
    font-size: 16px;
    text-align: center;
    margin-top: 40px;
    cursor: pointer
}

.service-icons ul li span {
    display: block;
    width: 86px;
    margin: 0 auto;
    height: 86px;
    border: 1px solid #bae7ff;
    border-radius: 43px
}

.service-icons ul li:hover span {
    animation: pulse .5s linear infinite;
    -moz-animation: pulse linear .5s infinite;
    -webkit-animation: pulse .5s linear infinite;
    -o-animation: pulse linear .5s infinite
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05)
    }
    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05)
    }
    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.service-icons ul .li1 span {
    background: url(http://static.gaokao.nercel.com/web/public/img/icon1.22b9ade1.png) no-repeat 50%;
    background-size: 60%
}

.service-icons ul .li2 span {
    background: url(http://static.gaokao.nercel.com/web/public/img/icon2.d6d749d3.png) no-repeat 50%;
    background-size: 60%
}

.service-icons ul .li3 span {
    background: url(http://static.gaokao.nercel.com/web/public/img/icon3.9c248f8b.png) no-repeat 50%;
    background-size: 60%
}

.service-icons ul .li4 span {
    background: url(http://static.gaokao.nercel.com/web/public/img/icon4.6b92f56f.png) no-repeat 50%;
    background-size: 60%
}

.service-icons ul .li5 span {
    background: url(http://static.gaokao.nercel.com/web/public/img/icon5.b1a497cc.png) no-repeat 50%;
    background-size: 60%
}

.service-icons ul .li6 span {
    background: url(http://static.gaokao.nercel.com/web/public/img/icon6.0f5c8c59.png) no-repeat 50%;
    background-size: 70%
}

.service-icons ul .li7 span {
    background: url(http://static.gaokao.nercel.com/web/public/img/icon7.187fa2f9.png) no-repeat 50%;
    background-size: 60%
}

.service-icons ul .li8 span {
    background: url(http://static.gaokao.nercel.com/web/public/img/icon8.722484a6.png) no-repeat 50%;
    background-size: 60%
}

.service-icons ul .li9 span {
    background: url(http://static.gaokao.nercel.com/web/public/img/icon9.97180eb7.png) no-repeat 50%;
    background-size: 60%
}

.service-icons ul .li10 span {
    background: url(http://static.gaokao.nercel.com/web/public/img/icon10.c6604ec7.png) no-repeat 50%;
    background-size: 60%
}

.service-icons ul li h6 {
    font-size: 16px;
    color: #1d1d1d;
    line-height: 40px;
    font-weight: 400
}

.service-icons ul li p {
    font-size: 12px;
    color: #666
}

.service-eint ul {
    display: table;
    width: 100%;
    padding: 40px 0 20px
}

.service-eint ul li {
    width: 12.5%;
    display: table-cell;
    text-align: center
}

.service-eint ul li:hover {
    position: relative;
    top: -10px
}

.service-eint ul li span {
    display: block;
    height: 110px;
    width: 110px;
    margin: 0 auto;
    background: url(http://static.gaokao.nercel.com/web/public/img/zhaodaxue.8bad360c.png) no-repeat 50%
}

.service-eint ul .ll2 span {
    background: url(http://static.gaokao.nercel.com/web/public/img/zhaozhuanye.5e497f3b.png) no-repeat 50%
}

.service-eint ul .ll3 span {
    background: url(http://static.gaokao.nercel.com/web/public/img/zhaozhiye.abe25d48.png) no-repeat 50%
}

.service-eint ul .ll4 span {
    background: url(http://static.gaokao.nercel.com/web/public/img/chaweici.6268cea7.png) no-repeat 50%
}

.service-eint ul .ll5 span {
    background: url(http://static.gaokao.nercel.com/web/public/img/luqushuju.05f7965e.png) no-repeat 50%
}

.service-eint ul .ll6 span {
    background: url(http://static.gaokao.nercel.com/web/public/img/zhiyeceshi.6d37f0ae.png) no-repeat 50%
}

.service-eint ul .ll7 span {
    background: url(http://static.gaokao.nercel.com/web/public/img/luqugailv.c517170e.png) no-repeat 50%
}

.service-eint ul .ll8 span {
    background: url(http://static.gaokao.nercel.com/web/public/img/zhinengmoni.21d24865.png) no-repeat 50%
}

.service-eint ul li p {
    width: 100%;
    text-align: center;
    font-size: 16px;
    color: #000;
    margin-top: 10px;
    line-height: 30px;
    height: 30px;
    display: block
}

.indextipss {
    width: 100%;
    height: 70px;
    background: #f9fbff;
    border-radius: 5px;
    margin-bottom: 20px
}

.indextipss p {
    display: inline-block;
    line-height: 70px;
    width: 24.5%;
    text-align: center;
    border-right: 1px solid #ececec
}

.indextipss p:last-child {
    border: 0
}

.indextipss p i {
    color: #e84c33;
    margin: 0 3px;
    font-size: 18px
}

.recommended-school {
    width: 100%;
    background: url(http://static.gaokao.nercel.com/web/public/img/backgroundss.891efc9c.jpg) repeat 50%;
    padding-bottom: 30px
}

.recommended-school .toptit {
    padding: 30px 0 40px;
    text-align: center
}

.recommended-school .toptit h2 {
    line-height: 60px;
    font-size: 30px;
    color: #383737;
    font-weight: 400
}

.recommended-school .toptit p {
    font-size: 14px;
    color: #616161
}

.recommended-box {
    width: 100%;
    border: 1px solid #eee;
    background: #fff
}

.recommended-box .left {
    width: 70%;
    border-right: 1px solid #eee;
    height: 100%;
    font-size: 0;
    display: inline-block
}

.recommended-box .right {
    display: inline-block;
    width: 29%;
    font-size: 0;
    vertical-align: top
}

.recommended-box .tit-secher {
    font-size: 16px;
    margin: 10px 20px;
    border-bottom: 1px solid #eee;
    padding: 10px 0 15px 10px
}

.recommended-box .tit-secher h6 {
    font-size: 20px;
    color: #383939;
    font-weight: 400;
    border-left: 5px solid #005bcc;
    height: 24px;
    line-height: 24px;
    padding-left: 8px;
    width: 40%;
    max-width: 150px;
    display: inline-block
}

.recommended-box .tit-secher .a {
    float: right;
    width: 56px;
    height: 36px;
    background: url() no-repeat 50%;
    background-position: 0 -7px
}

.recommended-box .tit-secher .a:hover {
    background: url() no-repeat 50%;
    background-position: 0 -7px
}

.recommended-box .tit-secher .ul {
    float: right;
    width: auto !important;
    vertical-align: top;
    padding: 0 !important
}

.recommended-box .tit-secher .ul li {
    display: inline-block;
    padding: 0 5px 0 30px;
    width: auto !important;
    line-height: 20px;
    border: 0
}

.recommended-box .tit-secher .ul li:hover {
    background: #fff !important
}

.recommended-box .tit-secher .ul li a {
    font-size: 14px;
    color: #383939;
    display: block;
    padding: 4px 15px;
    border-radius: 5px
}

.recommended-box .tit-secher .ul .active a, .recommended-box .tit-secher .ul li:hover a {
    background: #005bcc;
    color: #fff
}

.recommended-box .left ul {
    width: 100%;
    padding: 25px 3% 40px
}

.recommended-box .left ul li {
    display: inline-block;
    width: 20%;
    text-align: center;
    cursor: pointer;
    vertical-align: top
}

.recommended-box .left ul li span {
    width: 141px;
    height: 111px;
    border: 1px solid #f2f2f2;
    display: block;
    margin: 0 auto;
    border-radius: 5px
}

.recommended-box .left ul li span img {
    width: 60%;
    height: auto;
    margin: 10%
}

.recommended-box .left ul li p {
    font-size: 14px;
    text-align: center;
    height: 30px;
    line-height: 30px;
    margin: 23px 5% 10px;
    color: #333;
    width: 90%;
    background: #f5f5f5;
    border-radius: 10px;
    border: 1px solid #f1f1f1;
    overflow: hidden
}

.recommended-box .left ul li .p-tit {
    height: 30px;
    width: 157px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.recommended-box .left ul li i {
    font-size: 12px;
    text-align: center;
    color: #4e4e4e
}

.specialty .recommended-box .left ul {
    padding: 35px 1.5% 40px
}

.specialty .recommended-box .left ul li span {
    width: 145px;
    border: 0
}

.specialty .recommended-box .left ul li span img {
    width: 100%;
    height: 100%;
    margin: 0;
    border-radius: 5px
}

.specialty .recommended-box .left ul li p {
    display: inline-block;
    vertical-align: top;
    font-weight: 400 !important;
    font-size: 12px;
    margin: 7px 0 !important
}

.specialty .recommended-box .left ul li span p:first-child {
    width: 60%;
    text-align: left;
    background: none;
    border: 0;
    color: #fff
}

.specialty .recommended-box .left ul li span p:nth-child(2) {
    width: 40%;
    text-align: right;
    font-size: 13px;
    font-weight: 700 !important;
    background: none;
    border: 0;
    color: #ffbf02
}

.specialty .recommended-box .left ul li span .bgh {
    width: 100%;
    background: rgba(0, 0, 0, .7);
    border-radius: 0;
    padding: 0 7px;
    border: 0;
    margin-top: -36px;
    position: relative;
    height: 35px;
    border-radius: 0 0 5px 5px
}

.specialty .recommended-box .left ul li .p-tit {
    margin-top: 10px !important;
    font-size: 14px;
    padding: 0 10px
}

.recommended-box .right ul {
    width: 100%;
    font-size: 13px;
    padding: 0 30px 30px
}

.recommended-box .right ul li {
    width: 100%;
    height: 38px;
    line-height: 38px;
    cursor: pointer
}

.recommended-box .right ul li:hover {
    background: #eee
}

.recommended-box .right ul .index0 em {
    background: #ce2c14;
    color: #fff
}

.recommended-box .right ul .index1 em {
    background: #f4a622;
    color: #fff
}

.recommended-box .right ul .index2 em {
    background: #e3d30b;
    color: #fff
}

.recommended-box .right ul li em {
    width: 20px;
    height: 22px;
    display: inline-block;
    line-height: 22px;
    text-align: center;
    border-radius: 2px;
    background: #a5b3c4;
    color: #fff
}

.recommended-box .right ul li p {
    display: inline-block;
    font-size: 14px;
    vertical-align: top;
    padding-left: 5px;
    color: #666
}

.recommended-box .right ul li span {
    float: right;
    color: #ff9702
}

.recommended-box .left ul li span p:first-child {
    font-size: 12px;
    color: #a2a0a0;
    line-height: 20px
}

.recommended-box .left ul li span p:nth-child(2) {
    font-size: 20px;
    color: #ff9702;
    line-height: 20px;
    margin-top: 0;
    font-weight: 700
}

.recommended-box .right .tips {
    font-size: 14px;
    color: #4e4e4e;
    padding: 8px 30px
}

.recommended-box .right .tips i {
    display: inline-block;
    font-size: 14px
}

.recommended-box .right .tips em {
    float: right
}

.service-icons ul li span i {
    width: 18px;
    height: 18px;
    display: block;
    float: right
}

.service-icons ul li span .hot {
    background: url() no-repeat 50%
}

.service-icons ul li span .zan {
    background: url() no-repeat 50%
}

.service-icons ul li span .vips {
    background: url(http://static.gaokao.nercel.com/web/public/img/viptips.a0f28e99.png) no-repeat 50%
}

.FFF {
    background: #fff;
    padding-bottom: 20px
}

.recommended-box .left ul li:hover span {
    animation: pulse .5s linear infinite;
    -moz-animation: pulse linear .5s infinite;
    -webkit-animation: pulse .5s linear infinite;
    -o-animation: pulse linear .5s infinite
}

.recommended-box .one {
    width: 100%
}

.tips-right {
    float: right;
    padding-right: 2px
}

.tips-right p {
    display: inline-block;
    width: 120px;
    text-align: center;
    padding: 0 !important
}

.mainTips-right p:last-child {
    color: #ff9702
}

.recommended-box .one ul li {
    border-bottom: 1px dashed #efebeb;
    height: 45px;
    line-height: 45px;
    padding: 0 5px 0 10px
}

.recommended-box .one ul li:last-child {
    border: 0
}

.recommended-box .one ul li p {
    color: #656565
}

.recommended-box .one ul li .schoolName {
    font-weight: 700
}

.recommended-box .one .tips {
    margin: 0 30px;
    padding: 10px 5px;
    color: #a5a4a4;
    border-bottom: 1px solid #f5f5f5
}

.recommended-box .one ul li em {
    background: #a5b2c3;
    color: #fff
}

.mainTips-right p {
    color: #585858 !important
}

.recommended-box .news {
    width: 100%;
    padding: 0 40px 20px;
    font-size: 0
}

.recommended-box .news .newscontent {
    width: 100%;
    display: inline-block;
    margin: 10px 0
}

.recommended-box .news .newscontent .img, .recommended-box .news .newscontent .img img {
    width: 81px;
    height: 54px
}

.recommended-box .news .newscontent div {
    width: 302px;
    display: inline-block;
    vertical-align: top;
    margin-left: 15px
}

.recommended-box .news .newscontent .titlt {
    width: 332px;
    font-size: 14px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-bottom: 15px;
    color: #333;
    padding-right: 10px
}

.recommended-box .news .newscontent .time {
    width: 60%;
    font-size: 12px;
    color: #999;
    display: inline-block;
    vertical-align: top;
    background: url() no-repeat 0;
    padding-left: 20px
}

.recommended-box .news .newscontent .look {
    width: 30%;
    font-size: 12px;
    color: #999;
    display: inline-block;
    vertical-align: top;
    padding-right: 0;
    background: url() no-repeat 0;
    padding-left: 20px
}

.recommended-box .news a {
    display: inline-block;
    vertical-align: top
}

.recommended-box .news .widthPlus {
    width: 50%;
    float: left
}

.recommended-box .news .widthPlus .newscontent {
    width: 95%
}

.recommended-box .news .widthPlus .newscontent .img {
    width: 100%;
    height: auto;
    overflow: hidden;
    display: inline-block
}

.recommended-box .news .widthPlus .newscontent .img img {
    width: auto;
    height: 276px
}

.recommended-box .news .widthPlus .newscontent div {
    width: 100%;
    margin-top: -35px;
    margin-left: 0
}

.recommended-box .news .widthPlus .newscontent .opaict {
    background: rgba(0, 0, 0, .7)
}

.recommended-box .news .widthPlus .newscontent .titlt {
    font-size: 14px;
    width: 100%;
    color: #fff;
    padding: 0 15px;
    line-height: 35px
}

.recommended-box .news .widthPlus .newscontent .look, .recommended-box .news .widthPlus .newscontent .time {
    display: none
}

.recommended-box .right .newshot {
    padding: 5px 30px 20px
}

.recommended-box .right .newshot li {
    line-height: 40px;
    height: 40px
}

.newshot li p {
    width: 260px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #4e4e4e
}

.newshot li em {
    background: #b9b9b9;
    color: #fff
}

.subnav-box {
    margin-bottom: 30px
}

.subnav-box dl {
    border: 1px solid #e4e4e4;
    padding: 10px 20px;
    background: #fafafa
}

.subnav-box .shortClose {
    height: 81px;
    overflow: hidden
}

.subnav-box dt {
    float: left;
    height: 35px;
    line-height: 35px;
    font-size: 14px;
    color: #999;
    padding: 7px 0
}

.subnav-box dl dd {
    margin-left: 74px;
    padding: 10px 0;
    border-bottom: 1px dashed #e4e4e4
}

.subnav-box dd li {
    width: 90px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    font-size: 14px;
    color: #333;
    cursor: pointer;
    display: inline-block
}

.subnav-box dl dd ul li {
    width: auto;
    height: 25px;
    line-height: 25px;
    padding: 0 10px;
    margin: 0 2px
}

.pageBanner {
    width: 100%;
    min-height: 100px;
    background: #007fdb url(http://static.gaokao.nercel.com/web/public/img/pagebanner.fd8b5e46.png) no-repeat 50%;
    background-size: auto 100%
}

.pagebanner1 {
    background: url(http://static.gaokao.nercel.com/web/public/img/pagebanner1.f70c20f1.png) no-repeat 50%;
    background-size: auto 100%
}

.path {
    width: 100% !important;
    background: #fff;
    margin-bottom: 15px !important;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1)
}

.path ul {
    width: 1200px;
    margin: 0 auto;
    background: url() no-repeat 0;
    padding: 12px 0 12px 25px
}

.path li {
    display: inline-block;
    font-size: 14px;
    color: #999
}

.path li a {
    font-size: 14px;
    color: #151515
}

.subnav-box dd li.active {
    color: #fff;
    background: #00aff0;
    border-radius: 1px
}

.sch-list .tit {
    width: 100%;
    border-bottom: 1px solid #e4e4e4;
    margin-top: 10px
}

.sch-list .tit h2 {
    font-size: 14px;
    color: #525252;
    font-weight: 400;
    display: inline-block;
    height: 50px;
    line-height: 50px
}

.sch-list h2 b {
    font-weight: 700;
    color: #ff8b00
}

.sch-list .tit select {
    float: right;
    border: 1px solid #ccc;
    width: 200px;
    height: 35px;
    margin-top: 8px;
    padding: 0 5px;
    color: #39394a
}

.schoolList li {
    width: 100%;
    border-bottom: 1px solid #e4e4e4;
    padding: 35px 0
}

.schoolList li span {
    width: 103px;
    height: 103px;
    display: inline-block;
    margin-right: 15px
}

.schoolList li span img {
    width: 100%;
    height: 100%
}

.schoolList li .schoolName {
    display: inline-block;
    vertical-align: top
}

.schoolList li .schoolName h3 {
    font-size: 22px;
    color: #333;
    font-weight: 400;
    margin-top: 5px
}

.schoolList li .schoolName .nature span {
    font-size: 14px;
    color: #6d6d6d;
    margin-top: 10px;
    height: 30px;
    width: auto
}

.schoolList li .schoolName .attribute i {
    display: inline-block;
    padding: 2px 8px;
    font-size: 12px;
    color: #fff;
    border-radius: 5px
}

.schoolList li .schoolName .attribute i:first-child {
    background: #f9a317
}

.schoolList li .schoolName .attribute i:nth-child(2) {
    background: #f99117
}

.schoolList li .schoolName .attribute i:nth-child(3) {
    background: #ff8006
}

.schoolList li .schoolName .attribute i:nth-child(4) {
    background: #ee85df
}

.schoolList li .schoolName .attribute i:nth-child(5) {
    background: #ffcb24
}

.schoolList li .schoolName .attribute i:nth-child(6) {
    background: #f9a317
}

.schoolList li .contrast {
    float: right
}

.schoolList li .contrast .rast {
    display: block;
    width: 87px;
    height: 32px;
    line-height: 30px;
    border: 1px solid #ccc;
    font-size: 14px;
    color: #333;
    text-align: center;
    margin-top: 20px
}

.schoolList li .contrast .rast:hover {
    background: #ff8006;
    color: #fff;
    border: 1px solid #ff8006
}

.schoolList li .contrast button {
    font-size: 14px;
    display: block;
    color: #333;
    margin-top: 15px;
    width: 87px;
    height: 24px;
    text-align: center;
    background: transparent;
    border: 0 transparent;
    cursor: pointer;
    outline: 0 none !important
}

.schoolList li .contrast button span {
    height: 25px;
    background: #005bcc;
    margin: 0;
    width: 100%;
    line-height: 25px;
    color: #fff;
    border-radius: 1px;
    border-radius: 2px
}

.schoolList li .contrast button span:hover {
    color: #fff;
    background: #ff8006;
    border-radius: 5px
}

.schoolList li .contrast button span:active {
    background: #f9a317
}

.schoolList li .contrast .test {
    font-size: 14px;
    display: block;
    color: #333;
    margin-top: 10px;
    width: 87px;
    text-align: center
}

.schoolList li .contrast .test:hover {
    color: #ff8006
}

.gb_pages {
    height: 40px;
    text-align: center;
    margin: 50px 0
}

.gb_pages a, .gb_pages span {
    display: inline-block;
    line-height: 38px;
    height: 38px;
    padding: 0 15px;
    border: 1px solid #e1e1e3;
    font-size: 12px;
    color: #333;
    background: #fff;
    margin-left: -1px;
    cursor: pointer
}

.gb_pages a.gb_page_cur {
    color: #fff;
    background: #00aff0;
    border: 1px solid #00aff0
}

.gb_pages .gb_page_last {
    margin-left: 10px
}

.gb_pages .gb_page_index {
    margin-right: 10px
}

.enrollTest .tit {
    border-bottom: 1px solid #f2f2f2;
    height: 60px;
    padding-top: 19px;
    width: 910px;
    margin: 0 auto
}

.enrollTest .admissionPrecedence .chart {
    width: 100%;
    height: 350px;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.enrollTest .tit h3 {
    color: #525252;
    font-size: 18px;
    border-left: 4px solid #00aff0;
    height: 22px;
    line-height: 22px;
    font-weight: 400;
    padding-left: 10px;
    margin-left: 15px
}

.testEvaluation {
    margin-top: 80px
}

.top0 {
    margin-top: 0;
    margin-bottom: 70px !important
}

.top10 span input, .top10 span select {
    width: 225px !important
}

.top10 {
    margin-top: 0
}

.top10 form {
    margin-top: 100px;
    text-align: center
}

.testEvaluation span {
    width: 42%;
    display: inline-block;
    padding: 0 1%;
    margin-bottom: 30px
}

.testEvaluationWidth span {
    width: 72%
}

.testEvaluation span p {
    display: inline-block;
    width: 90px;
    text-align: right;
    font-size: 15px;
    color: #323131
}

.testEvaluation span i {
    font-size: 12px;
    color: #f9a317;
    padding-left: 10px;
    position: absolute;
    margin-top: 10px
}

.testEvaluation span input, .testEvaluation span select {
    display: inline-block;
    width: 375px;
    height: 42px;
    border: 1px solid #d0d0d0;
    background: #fff;
    padding: 0 15px;
    color: #666
}

.testEvaluation span .authCode {
    width: 300px;
    display: inline-block;
    height: 42px
}

.testEvaluation span .authCode span {
    width: 100px !important;
    float: right;
    height: 42px
}

.testEvaluation span .authCode input {
    margin-left: 0;
    width: 195px !important;
    display: inline-block
}

.lineShow {
    padding-bottom: 100px
}

.lineShow button {
    margin-top: 30px !important
}

.top0 .radio_wrap {
    float: none;
    display: inline-block;
    position: relative;
    top: -1px
}

.top0 .radio_wrap li {
    margin: 0 5px;
    cursor: pointer;
    display: inline-block
}

.top0 .radio_wrap li i {
    margin-top: 4px
}

.top0 .radio_wrap li em {
    display: inline-block;
    margin-left: 20px
}

.lineShow span, .top0 span {
    margin-left: 24%
}

.testEvaluation button {
    background: #2559e1;
    border: 0;
    border-radius: 5px;
    width: 158px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    color: #fff;
    font-size: 18px;
    display: block;
    margin: 60px auto 10px;
    cursor: pointer
}

.testEvaluation button:hover {
    background: #005bcc
}

.top0 button {
    margin-top: 30px
}

.testTips {
    height: 51px;
    line-height: 51px;
    padding: 0 35px;
    margin: 50px auto
}

.righttestTips, .testTips {
    background: #f2f9ff;
    border: 1px solid #5cb1f4;
    font-size: 14px;
    color: #7e7e7e
}

.righttestTips {
    line-height: 31px;
    width: 850px;
    padding: 30px 45px;
    margin: 20px auto 50px
}

.righttestTips p {
    line-height: 30px
}

.righttestTips i {
    display: block;
    width: 22px;
    height: 26px;
    background: url() no-repeat 50%;
    margin-top: -32px;
    margin-left: -30px
}

.enrollReport h1 {
    text-align: center;
    color: #2481ca;
    font-size: 23px;
    font-weight: 400;
    margin-top: 40px
}

.enrollReport .reportTips {
    text-align: center;
    color: #8a8a8a;
    font-size: 14px;
    margin-top: 15px
}


/*    !*height: 50px;*!*/
.enrollReport .riskData {
    margin: 20px
}

.enrollReport .riskData div {
    text-align: center
}

.enrollReport .riskData i {
    width: 60px;
    height: 40px;
    background: #f33260;
    color: #fff;
    font-size: 24px;
    text-align: center;
    line-height: 40px;
    display: inline-block;
    margin-right: 5px;
    overflow: hidden
}

.enrollReport .riskData .bao {
    background: #41d167
}

.enrollReport .riskData .wen {
    background: #31acff
}

.enrollReport .riskData .bo {
    background: #ffad44
}

.enrollReport .riskData .chong {
    background: #d33232
}

.enrollReport .riskData .nan {
    background: #9b9b9b
}

.enrollReport .riskData em {
    vertical-align: top;
    display: inline-block;
    line-height: 22px;
    background: #fff
}

.enrollReport .riskData em img {
    width: 60px;
    height: auto
}

.enrollReport .riskData .chart {
    height: 400px !important
}

.enrollReport .riskData .progress {
    width: 100%;
    height: 22px;
    background: #ededed;
    border-radius: 11px;
    margin-top: 15px
}

.enrollReport .riskData .progress span {
    border-radius: 11px;
    height: 22px;
    background: #00aff0;
    font-size: 14px;
    line-height: 22px;
    color: #fff;
    display: block;
    width: 89%;
    text-align: right;
    padding: 0 10px
}

.enrollReport .riskData .results {
    font-size: 16px;
    color: #787878;
    padding: 20px 0;
    text-align: center
}

.enrollReport .riskData .results i {
    color: #ff8a00;
    font-size: 22px
}

.inputTips {
    background: #f2f9ff;
    border: 1px solid #dceefd;
    padding: 30px 60px;
    margin: 60px 0
}

.inputTips span {
    font-size: 14px;
    height: 100%;
    display: inline-block;
    width: 20px;
    vertical-align: top;
    line-height: 30px;
    color: #ff8006
}

.inputTips div {
    display: inline-block;
    width: 90%
}

.inputTips p {
    color: #7e7e7e;
    font-size: 14px;
    line-height: 30px
}

.newsTit {
    height: 50px;
    border-bottom: 3px solid #00aff0
}

.newsTit li {
    float: left;
    height: 48px;
    line-height: 48px;
    padding: 0 25px;
    border: 1px solid #e4e4e4;
    border-bottom-color: #00aff0;
    cursor: pointer;
    color: #333
}

.newsTit .active, .newsTit li:hover {
    background: #00aff0;
    border: 1px solid #00aff0;
    color: #fff
}

.newsTit a + a {
    margin-left: -1px;
    display: inline-block
}

.newsList {
    padding: 10px 0 30px
}

.newsList li {
    padding: 20px 0;
    border-bottom: 1px solid #ddd;
    cursor: pointer
}

.newsList li .img {
    display: inline-block
}

.newsList li .img, .newsList li .img img {
    width: 232px;
    height: 140px
}

.newsList li .content {
    width: 920px;
    display: inline-block;
    vertical-align: top;
    padding-left: 30px
}

.newsList li .content h5 {
    font-size: 18px;
    color: #333;
    line-height: 40px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.newsList li .content p {
    font-size: 14px;
    color: #999;
    line-height: 30px;
    height: 60px;
    white-space: pre-wrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.newsList li .content .time {
    font-size: 12px;
    color: #999;
    margin-top: 10px
}

.tit-leftborder {
    border-bottom: 3px solid #f2f2f2;
    height: 60px;
    margin-bottom: 20px;
    padding: 19px 10px 0
}

.tit-leftborder h3 {
    color: #525252;
    font-size: 18px;
    border-left: 4px solid #00aff0;
    height: 22px;
    line-height: 22px;
    font-weight: 400;
    padding-left: 10px;
    width: 50%;
    display: inline-block;
    vertical-align: top;
    margin-top: 12px
}

.tit-leftborder .tabBkAndZk {
    display: inline-block;
    vertical-align: top;
    font-size: 0
}

.tit-leftborder .tabBkAndZk p {
    display: inline-block;
    font-size: 12px;
    height: 30px;
    line-height: 30px;
    margin-top: 7px;
    background: #c5c5c5;
    padding: 0 9px;
    margin-right: 3px;
    color: #fff;
    cursor: pointer
}

.tit-leftborder .tabBkAndZk .active {
    background: #00aff0;
    color: #fff
}

.yellow h3 {
    border-left: 4px solid #f70
}

.jobUl li {
    display: inline-block;
    padding: 9px 20px;
    background: #fafafa;
    color: #303030;
    font-size: 14px;
    margin: 10px 15px;
    cursor: pointer
}

.jobUl .active, .jobUl li:hover {
    background: #00aff0;
    color: #fff
}

.jobHots {
    font-size: 0
}

.jobHots li {
    display: inline-block;
    width: 20%;
    text-align: center;
    cursor: pointer;
    margin-top: 20px;
    margin-bottom: 15px;
    vertical-align: top
}

.jobHots li span {
    width: 151px;
    height: 101px;
    background: #fafafa;
    border: 1px solid #eee;
    display: block;
    margin: 0 auto
}

.jobHots li span img {
    width: 80%;
    height: 80%;
    margin: 10%
}

.jobHots li p {
    font-size: 16px;
    text-align: center;
    line-height: 30px;
    margin: 23px 0 10px;
    color: #202020
}

.jobHots li i {
    font-size: 12px;
    text-align: center;
    color: #4e4e4e
}

.jobHots li:hover span {
    background: #03baf3;
    border: 1px solid #03baf3
}

.jobHots li:hover span p {
    color: #fff !important
}

.jobHots li span p:first-child {
    font-size: 12px;
    color: #424242;
    line-height: 20px
}

.jobHots li span p:nth-child(2) {
    font-size: 18px;
    font-weight: 700;
    color: #ff9702;
    line-height: 20px;
    margin-top: 0
}

.left-box {
    width: 875px;
    display: inline-block
}

.right-box {
    width: 305px;
    float: right
}

.p-table {
    width: 100%
}

.right-box .p-table {
    border: 1px solid #e4e4e4;
    background: #fff
}

.p-table .tabUl {
    width: 100%;
    height: 45px;
    line-height: 45px;
    position: relative
}

.p-table .tabUl li {
    float: left;
    height: 45px;
    line-height: 45px;
    border: 1px solid #e4e4e4;
    font-size: 14px;
    padding: 0 40px;
    cursor: pointer
}

.p-table .tabUl li + li {
    border-left: 0
}

.p-table .tabUl .active, .p-table .tabUl li:hover {
    border-top: 3px solid #00aff0;
    line-height: 42px;
    border-bottom: 1px solid #fff;
    color: #00aff0;
    background: #00aff0;
    color: #fff
}

.p-table .tabLi {
    border: 1px solid #e4e4e4;
    margin-top: -1px;
    padding: 20px
}

.p-table .tabLi li {
    font-size: 13px;
    padding: 5px 15px;
    cursor: pointer
}

.p-table .tabLi .active, .p-table .tabLi li:hover {
    background: #00aff0;
    color: #fff
}

.majorList {
    width: 100%;
    margin-top: 20px;
    background: #fff;
    border-radius: 10px
}

.majorList .tit {
    width: 100%;
    background: #f6f6f6;
    height: 47px;
    margin: 20px 0
}

.majorList .tit span {
    border-left: 3px solid #00aff0;
    padding: 0 25px 0 15px;
    font-size: 22px;
    color: #333
}

.majorList .tit i, .majorList .tit span {
    display: inline-block;
    height: 47px;
    line-height: 47px
}

.majorList .tit i {
    font-size: 14px;
    float: right;
    padding-right: 20px;
    color: #999
}

.majorList .tit i em {
    color: #ff8006;
    padding: 0 3px;
    font-weight: 700
}

.p-listinfo {
    padding: 0 20px
}

.p-listinfo li {
    width: 100%;
    display: block
}

.p-listinfo li span {
    width: 20%;
    text-align: left;
    color: #9a9a9a;
    font-size: 14px;
    padding: 5px 0
}

.p-listinfo li div, .p-listinfo li span {
    display: inline-block;
    vertical-align: top
}

.p-listinfo li div {
    width: 79%
}

.p-listinfo li div p {
    display: inline-block;
    padding: 5px 15px;
    margin-bottom: 10px;
    color: #333;
    font-size: 14px;
    border: 1px solid #eee;
    margin-right: 5px;
    cursor: pointer
}

.p-listinfo li div p:hover {
    background: #005bcc;
    color: #fff
}

.p-listinfo li div p + p {
    border-left: 1px solid #e4e4e4
}

.right-box .tit-leftborder {
    margin-bottom: 0;
    padding-top: 0;
    height: 45px;
    border-bottom: 1px solid #eee;
    padding-right: 0;
    background: #f6f6f6
}

.right-box .tabUl li {
    width: 50%;
    border-left: 0;
    border-right: 0
}

.right-box .tabUl li + li {
    border-left: 1px solid #e4e4e4
}

.tabLilist {
    padding: 10px
}

.tabLilist li {
    width: 100%;
    height: 45px;
    line-height: 45px;
    padding: 0 10px;
    border-bottom: 1px dotted #eee;
    cursor: pointer
}

.tabLilist li:hover {
    background: #eee
}

.tabLilist li em {
    width: 20px;
    height: 20px;
    display: inline-block;
    line-height: 20px;
    text-align: center;
    background: #c3c3c3;
    color: #fff;
    font-size: 12px
}

.tabLilist a:first-child li em, .tabLilist a:nth-child(2) li em, .tabLilist a:nth-child(3) li em {
    background: #ff9702;
    color: #fff
}

.tabLilist li p {
    display: inline-block;
    font-size: 14px;
    vertical-align: top;
    padding-left: 5px;
    color: #333
}

.tabLilist li span {
    float: right;
    color: #ff9702;
    font-size: 14px
}

.right-add {
    margin: 15px 0;
    border: 1px solid #eee
}

.right-add img {
    width: 100%;
    padding: 7px
}

.schoolLsit {
    margin-top: 20px !important
}

.left-narrow {
    width: 253px;
    display: inline-block;
    vertical-align: top;
    background: #fff;
    padding-bottom: 100px;
    border: 1px solid #eee
}

.left-narrow p {
    width: 100%;
    height: 50px;
    line-height: 50px;
    font-size: 18px;
    color: #fff;
    padding-left: 15px;
    border-left: 5px solid #65dbff;
    background: #00aff0
}

.left-narrow .newsTit {
    border: 0
}

.left-narrow .newsTit li {
    border: 0;
    width: 100%;
    font-size: 14px;
    padding: 0 0 0 20px;
    border-bottom: 1px dashed #eee !important
}

.left-narrow .newsTit .active, .left-narrow .newsTit li:hover {
    background: #fff !important;
    color: #ff7e00;
    border-bottom: 1px dashed #ffcb99 !important
}

.left-narrow .newsTit li:last-child {
    border-bottom: 0
}

.right-wide {
    display: inline-block;
    width: 927px;
    background: #fff;
    padding: 0 40px;
    margin-left: 14px
}

.right-wide .container {
    width: 100%;
    margin-left: 20px
}

.right-wide .titTips {
    width: 100%;
    border: 1px solid #e4e4e4;
    margin-top: 0;
    background: #f5f5f5
}

.right-wide .titTips li {
    display: inline-block;
    line-height: 48px;
    width: 15%;
    text-align: center;
    color: #333;
    font-size: 14px
}

.right-wide .titTips .li1 {
    width: 95px
}

.right-wide .titTips .li2 {
    width: 210px;
    text-align: left
}

.right-wides {
    padding: 0
}

.right-wides .titTips .li2 {
    width: 240px;
    margin-left: 30px;
    text-align: left !important
}

.major-right .titTips .li2 {
    width: 370px
}

.major-right .schoolListContent li .p1 {
    width: 370px !important;
    color: #000
}

.right-wides .titTips li {
    text-align: center !important
}

.right-wides .schoolListContent li p {
    text-align: center
}

.right-wides .schoolListContent li .p1 {
    width: 240px;
    margin-left: 30px;
    text-align: left
}

.right-wides .schoolListContent li p button {
    padding: 5px 10px;
    border: 0;
    cursor: pointer
}

.right-wides .schoolListContent li p a {
    color: #005bcc
}

.lilang {
    width: 350px !important
}

.schoolListContent {
    width: 100%
}

.schoolListContent li {
    border-bottom: 1px dashed #e4e4e4;
    height: 50px;
    line-height: 50px
}

.schoolListContent li i, .schoolListContent li p {
    display: inline-block
}

.schoolListContent li i {
    width: 35px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    color: #fff;
    background: #ff7e00;
    margin-left: 30px;
    font-size: 12px
}

.schoolListContent li p {
    width: 15%;
    text-align: center;
    font-size: 14px;
    color: #333
}

.schoolListContent li .p1 {
    width: 210px;
    text-align: left;
    margin-left: 30px;
    color: #00aff0
}

.schoolListContent li .p5 {
    color: #ff7e00
}

.jobforyou {
    padding-bottom: 80px
}

.jobforyou-tips {
    padding: 20px 60px 10px;
    background: #fff;
    border: 1px solid #fff
}

.jobforyou-tips h3 {
    font-size: 30px;
    color: #ff8b00;
    height: 80px;
    line-height: 60px;
    text-align: center;
    background: url() no-repeat bottom;
    margin-bottom: 20px
}

.jobforyou-tips p {
    font-size: 14px;
    color: #828282;
    line-height: 25px
}

.jobtit {
    border-bottom: 1px solid #f2f2f2;
    height: 60px;
    padding-top: 19px;
    width: 910px;
    margin: 0 auto
}

.jobtit h3 {
    color: #252525;
    font-size: 18px;
    border-left: 4px solid #00aff0;
    height: 22px;
    line-height: 22px;
    font-weight: 400;
    padding-left: 10px;
    margin-left: 8px;
    display: inline-block;
    font-weight: 700
}

.jobtit p {
    text-align: center;
    vertical-align: top;
    color: #adadad;
    display: inline-block;
    float: right;
    padding-right: 15px
}

.jobtit p i {
    color: #ff8006;
    font-weight: 700;
    padding: 0 4px
}

.jobforTest {
    margin: 30px
}

.jobforTest li {
    width: 49%;
    display: inline-block;
    padding: 10px;
    border: 1px solid #eee
}

.jobforTest .li2 {
    float: right
}

.jobforTest li div, .jobforTest li span {
    display: inline-block
}

.jobforTest li div {
    vertical-align: top;
    width: 210px;
    margin-left: 15px
}

.jobforTest li div h5 {
    font-size: 20px;
    line-height: 52px;
    color: #333;
    font-weight: 400
}

.jobforTest li div p {
    font-size: 14px;
    color: #999
}

.jobforTest li div a {
    width: 100%;
    height: 35px;
    background: #00aff0;
    display: block;
    color: #fff;
    text-align: center;
    line-height: 35px;
    margin-top: 20px;
    border-radius: 2px
}

.joblistother {
    margin: 0 20px
}

.joblistother ul {
    font-size: 0;
    margin-bottom: 50px
}

.joblistother ul li {
    width: 30%;
    display: inline-block;
    font-size: 12px;
    margin: 20px 1.5% 0;
    border: 1px solid #eee
}

.joblistother ul li span {
    display: block;
    width: 100%
}

.joblistother ul li span img {
    width: 100%
}

.joblistother ul li h4 {
    font-size: 14px;
    color: #1d1d1d;
    margin: 5px 0;
    width: 100%;
    overflow: hidden;
    padding: 0 10px
}

.joblistother ul li .details {
    color: #666;
    padding: 0 10px;
    height: 34px;
    overflow: hidden
}

.joblistother ul li .button {
    height: 30px;
    border-top: 1px solid #eee
}

.joblistother ul li .button p {
    color: #e84c33;
    padding-left: 23px;
    display: inline-block;
    line-height: 30px;
    height: 30px;
    background: url() no-repeat 0;
    margin-left: 10px
}

.joblistother ul li a {
    display: block;
    padding: 4px 0;
    background: #e84c33;
    color: #fff;
    margin: 5px;
    width: 80px;
    text-align: center;
    float: right
}

.joblistother ul li .hasTest {
    background: #f5f3f3
}

.joblistother ul li .hasTest i {
    display: inline-block;
    width: 15px;
    height: 15px;
    background: url(http://static.gaokao.nercel.com/web/public/img/get.f5139da1.png) no-repeat 0;
    background-size: 15px 15px;
    vertical-align: top;
    margin-top: 1px
}

.joblistother ul li .hasTest em {
    display: inline-block;
    vertical-align: top;
    margin-left: 3px;
    color: #1d1d1d
}

.table {
    width: 100%;
    margin: 20px 0;
    max-width: 100%;
    background-color: transparent;
    border-collapse: collapse;
    border-spacing: 0
}

.table td, .table th {
    padding: 8px;
    line-height: 20px;
    text-align: left;
    vertical-align: top;
    border-top: 1px solid #e5e5e5
}

.table tr td {
    border: 1px solid #e5e5e5;
    padding: 10px 8px
}

.table tr td a {
    color: #00aff0
}

.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.42857143;
    font-family: Microsoft YaHei;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid transparent;
    border-radius: 2px;
    white-space: nowrap;
    -webkit-user-select: none;
    -o-user-select: none;
    user-select: none
}

.btn-primary {
    color: #fff;
    background-color: #e84c33;
    border-color: #e5381c
}

.btn {
    text-shadow: none;
    background-color: none;
    box-shadow: none;
    border-radius: 0 !important;
    background-image: none;
    background-repeat: no-repeat;
    border-color: none;
    color: #fff !important
}

.bg-gray {
    background: #f2f2f2
}

.table tr td {
    font-size: 14px !important;
    vertical-align: middle;
    text-align: center
}

.mt5 {
    color: #333
}

.buy .buyImg {
    width: 547px;
    height: 442px;
    border: 1px solid #e4e4e4;
    padding: 10px;
    display: inline-block;
    vertical-align: top
}

.buy .buyImg img {
    width: 100%;
    height: 100%
}

.buytext {
    display: inline-block;
    width: 622px;
    margin-left: 20px
}

.buytext h2 {
    font-size: 18px;
    color: #2b2b2b;
    border-left: 4px solid #005bcc;
    padding-left: 15px;
    margin: 15px 0
}

.buytext .function {
    width: 100%
}

.buytext .function li {
    display: inline-block;
    width: 119px;
    height: 30px;
    line-height: 30px;
    border: 1px solid #ff8a00;
    color: #ff8a00;
    margin-right: 40px;
    margin-top: 15px;
    text-align: center;
    font-size: 14px
}

.buytext .buyTips li {
    display: block;
    width: 622px;
    margin-top: 20px
}

.buytext .buyTips li span {
    width: 100px;
    color: #424141;
    font-weight: 700
}

.buytext .buyTips li div, .buytext .buyTips li span {
    display: inline-block;
    font-size: 14px;
    vertical-align: top
}

.buytext .buyTips li div {
    width: 515px;
    color: #5b5b5b
}

.buytext .buyTips li div p {
    display: inline-block;
    margin-right: 10px
}

.buytext .buyTips li div p i {
    font-size: 24px;
    color: #ff8a00
}

.buytext .buyTips .money span {
    margin-top: 8px
}

.buytext .buyTips .openVip {
    width: 182px;
    height: 46px;
    line-height: 46px;
    background: #005bcc url() no-repeat 0;
    background-position: 35px 8px;
    font-size: 16px;
    color: #fff;
    border-radius: 5px;
    display: inline-block;
    margin: 10px 30px auto auto;
    padding-left: 75px
}

.buytext .buyTips .coupon {
    background: #005bcc url(http://static.gaokao.nercel.com/web/public/img/jihuo.2b94cb7c.png) no-repeat 0;
    background-size: 25px auto;
    background-position: 35px 10px
}

.p-function {
    margin-top: 20px
}

.p-function .tit {
    width: 100%;
    height: 50px;
    line-height: 50px;
    background: url() no-repeat 0;
    padding-left: 25px;
    border-bottom: 1px dashed #c2c1c1;
    margin-bottom: 20px
}

.p-function .tit p {
    font-size: 20px;
    display: inline-block
}

.p-function .tit i {
    color: #5b5b5b;
    display: inline-block;
    margin-left: 10px;
    font-size: 14px
}

.function-ul {
    margin-bottom: 20px
}

.function-ul li {
    width: 30%;
    margin: 1%;
    border: 1px solid #e4e4e4;
    padding: 10px 20px 20px
}

.function-ul li, .function-ul li div {
    display: inline-block;
    vertical-align: top
}

.function-ul li div {
    width: 233px
}

.function-ul li h4 {
    color: #2b2b2b;
    font-size: 18px;
    font-weight: 400;
    line-height: 40px;
    padding-bottom: 10px;
    background: url() no-repeat 0 100%
}

.function-ul li p {
    font-size: 12px;
    color: #5b5b5b;
    line-height: 25px;
    padding-top: 10px;
    height: 55px;
    overflow: hidden;
    white-space: pre-wrap;
    text-overflow: ellipsis
}

.function-ul li span {
    display: inline-block;
    vertical-align: top;
    background: url(http://static.gaokao.nercel.com/web/public/img/vipicon1.49a28faf.png) no-repeat 50%;
    width: 71px;
    height: 71px;
    margin: 23px 0 0 5px
}

.function-ul .li2 span {
    background: url(http://static.gaokao.nercel.com/web/public/img/vipicon2.43e0d919.png) no-repeat 50%
}

.function-ul .li3 span {
    background: url(http://static.gaokao.nercel.com/web/public/img/vipicon3.016cc7d1.png) no-repeat 50%
}

.function-ul .li4 span {
    background: url(http://static.gaokao.nercel.com/web/public/img/vipicon4.8aa347de.png) no-repeat 50%
}

.function-ul .li5 span {
    background: url(http://static.gaokao.nercel.com/web/public/img/vipicon5.29fc2f6c.png) no-repeat 50%
}

.function-ul .li6 span {
    background: url(http://static.gaokao.nercel.com/web/public/img/vipicon6.96ceaf64.png) no-repeat 50%
}

.classifySearch {
    width: 100%;
    border: 1px solid #e4e4e4;
    padding: 0 20px;
    margin-top: 20px
}

.classifySearch li {
    display: inline-block;
    padding-right: 20px;
    margin: 20px 0
}

.classifySearch li span {
    color: #333;
    font-size: 14px;
    padding-right: 10px
}

.classifySearch li input, .classifySearch li select {
    width: 115px;
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    border: 1px solid #e4e4e4
}

.classifySearch button {
    width: 100px;
    height: 30px;
    background: #00aff0;
    border: 0;
    color: #fff
}

.tabtitlebac {
    background: #f2f2f2
}

.p-majors {
    padding-top: 30px
}

.p-majors li {
    margin-bottom: 27px;
    padding: 0 0 26px;
    display: inline-block;
    width: 100%;
    border-bottom: 1px solid #f5f5f5
}

.p-majors li .m-sch-name {
    float: left;
    padding-top: 13px
}

.p-majors li .m-sch-name h3 {
    display: inline-block;
    margin-bottom: 20px;
    font-size: 23px;
    color: #333;
    cursor: pointer
}

.p-majors li .m-sch-name h3 a {
    color: #00aff0
}

.p-majors li .m-sch-name p span {
    display: inline-block;
    height: 28px;
    line-height: 28px;
    margin-right: 10px;
    padding: 0 16px;
    font-size: 14px;
    color: #999;
    border: 1px solid #e4e4e4
}

.reg-content {
    padding: 28px 46px 106px;
    background: #fff;
    border: 1px solid #eaeaea
}

.reg-content .reg-title {
    padding-bottom: 12px;
    border-bottom: 1px solid #d4d4d4;
    color: #4c4c4c;
    display: inline-block;
    width: 100%
}

.reg-content .reg-box {
    padding: 0 110px
}

.reg-content .reg-title h3 {
    float: left;
    padding-left: 12px;
    font-size: 18px;
    border-left: 3px solid #2087ed
}

.f-r, .reg-content .reg-title p {
    float: right
}

.reg-content .reg-title .social-account {
    position: relative;
    margin-right: 24px
}

.reg-content .reg-title .login-btn {
    color: #0365eb;
    text-decoration: underline
}

.reg-content .reg-title .social-account .login-link {
    display: inline-block;
    font-size: 12px;
    margin-left: 2px;
    color: #666
}

.reg-content .reg-title .social-account .login-link i {
    background-image: url(http://static.gaokao.nercel.com/web/public/img/oauth.54bfdad4.png);
    background-repeat: no-repeat;
    display: inline-block;
    width: 30px;
    height: 20px;
    margin-right: 2px;
    vertical-align: middle
}

.reg-content .reg-title .social-account .login-link i.zfb {
    background-position: -199px 0;
    width: 24px
}

.reg-content .reg-title .social-account .login-link i.weixin {
    background-position: -522px 0
}

.reg-content .reg-title .social-account .login-link i.qq {
    background-position: -34px 0;
    width: 20px
}

.reg-section dd {
    margin-top: 18px;
    color: #525252;
    vertical-align: middle;
    position: relative
}

.reg-section dt {
    padding: 8px 0 8px 24px;
    border-bottom: 1px dashed #e7e7e7;
    background: url(http://static.gaokao.nercel.com/web/public/img/reg-icon.4679d6c3.jpg) no-repeat 0 -335px;
    font-weight: 700;
    color: #147bd1
}

.reg-section-title {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin-right: 8px;
    width: 278px;
    text-align: right;
    font-size: 14px;
    font-weight: 400
}

.ml-20 {
    margin-left: 20px
}

.reg-error, .reg-prompt, .reg-success {
    display: block;
    display: inline-block
}

.reg-success {
    font-size: 12px;
    padding-left: 20px
}

.reg-prompt {
    position: absolute;
    top: 0;
    left: 540px;
    z-index: 9;
    background-color: #fff
}

.reg-prompt .triangle-arrow {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    position: absolute;
    top: 16px;
    left: -8px;
    width: 10px;
    height: 19px;
    background: url(http://static.gaokao.nercel.com/web/public/img/reg-icon.4679d6c3.jpg) no-repeat 0 -733px
}

.reg-prompt .reg-prompt-txt {
    width: 200px;
    padding: 8px 4px 8px 30px;
    background: url(http://static.gaokao.nercel.com/web/public/img/reg-icon.4679d6c3.jpg) no-repeat 6px -616px;
    border: 1px solid #e7e7e7;
    color: #717171;
    overflow: hidden
}

.reg-prompt .reg-prompt-txt p {
    padding-left: 8px;
    border-left: 1px solid #e7e7e7
}

.common-input {
    padding-left: 10px;
    width: 223px;
    height: 34px;
    line-height: 34px;
    border: 1px solid #e6e6e6
}

.reg-error {
    padding-left: 22px;
    background: url(http://static.gaokao.nercel.com/web/public/img/reg-icon.4679d6c3.jpg) no-repeat 0 -439px;
    color: #ff5e5e;
    font-size: 12px
}

.reg-error, .reg-success {
    margin-left: 10px;
    vertical-align: middle
}

.reg-success {
    width: 18px;
    height: 18px;
    background: url(http://static.gaokao.nercel.com/web/public/img/reg-icon.4679d6c3.jpg) no-repeat 0 -536px;
    margin-top: 0
}

.reg-star {
    color: red
}

.pt-30 {
    padding-top: 30px
}

.reg-btn {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 200px;
    height: 44px;
    line-height: 44px;
    background: #2087ed;
    font-size: 14px;
    color: #fff;
    text-align: center;
    border: 0
}

.Link_Orange {
    color: #fe6b1b
}

.verify {
    width: 123px
}

.verifys {
    width: 95px;
    display: inline-block;
    height: 34px;
    background: #ccc;
    vertical-align: top
}

.reg-section select {
    height: 34px;
    padding: 0 10px;
    border: 1px solid #e6e6e6;
    color: #333
}

.login-mask {
    background: url() repeat top;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 101
}

.login {
    width: 500px;
    position: fixed;
    z-index: 102;
    background: #fff url(http://static.gaokao.nercel.com/web/public/img/loginBg.b1db69c8.png) no-repeat bottom;
    left: 50%;
    margin-left: -250px;
    min-height: 400px;
    top: 200px;
    box-shadow: 0 6px 20px rgba(0, 0, 0, .4);
    padding: 10px 20px;
    border-radius: 10px;
    border-top: 5px solid #00b9ef
}

.login .close {
    cursor: pointer;
    text-align: right;
    width: 25px;
    height: 25px;
    background: url() no-repeat 50%;
    margin-left: 440px;
    background-size: 25px 25px
}

.login .close:hover {
    opacity: .8
}

.loginAndRegister li {
    display: inline-block
}

.loginAndRegister .active {
    border-bottom: 2px solid #00b9ef;
    padding: 5px 15px;
    margin-right: 20px
}

.login .re-input li {
    width: 358px;
    border-radius: 2px;
    height: 44px;
    line-height: 44px;
    border: 1px solid #e4e4e4;
    margin: 10px auto 0;
    background: url(http://static.gaokao.nercel.com/web/public/img/login.947fa3bb.png) no-repeat 0;
    background-position: 10px -67px
}

.login .re-input .password {
    background: url(http://static.gaokao.nercel.com/web/public/img/login.947fa3bb.png) no-repeat 0;
    background-position: 10px -33px
}

.login .re-input .authcode {
    background: url(http://static.gaokao.nercel.com/web/public/img/login.947fa3bb.png) no-repeat 0;
    background-position: 10px -100px
}

.login .re-input .button {
    border: 0;
    margin-top: 20px
}

.login .re-input button {
    width: 100%;
    background: #005bcc;
    font-size: 16px;
    color: #fff;
    border: 0;
    height: 50px
}

.login .re-input button:active {
    background: #00aff0
}

.login .re-input li input {
    height: 39px;
    line-height: 30px;
    width: 300px;
    margin-left: 40px;
    border: 0
}

.login .re-input .authcode span {
    float: right;
    height: 39px
}

.login .re-input .authcode input {
    width: 200px;
    vertical-align: top
}

input {
    outline: none
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px #fff inset !important
}

.login .forget {
    width: 358px;
    margin: 15px auto 0
}

.login .forget a {
    display: inline-block;
    font-size: 12px;
    color: #333;
    line-height: 25px
}

.login .forget a:nth-child(2) {
    color: #00b9ef;
    float: right
}

.login .other a, .login .other span {
    display: inline-block;
    font-size: 12px;
    color: #333
}

.login .other {
    width: 358px;
    margin: 20px auto
}

.login .other a {
    width: 34px;
    height: 34px;
    margin-left: 10px;
    vertical-align: top;
    opacity: .8
}

.login .other a:hover {
    opacity: 1
}

.login .other span {
    height: 34px;
    line-height: 34px
}

.login .other .weixin {
    background: url(http://static.gaokao.nercel.com/web/public/img/weixin.51deb999.png) no-repeat 50%;
    background-size: 80%
}

.login .other .qq {
    background: url(http://static.gaokao.nercel.com/web/public/img/qq.9344c91b.png) no-repeat 50%;
    background-size: 80%
}

.login .other .weibo {
    background: url(http://static.gaokao.nercel.com/web/public/img/weibo.6dada8a6.png) no-repeat 50%;
    background-size: 80%
}

.login h2 {
    width: 100%;
    height: 70px;
    line-height: 70px;
    font-size: 25px;
    color: #3c3c3c;
    background: url(http://static.gaokao.nercel.com/web/public/img/logo3.32b11c39.png) no-repeat 0;
    background-size: 35px auto;
    background-position: 130px 16px;
    padding-left: 175px
}

.newsInfo h1 {
    width: 100%;
    color: #333;
    font-size: 22px;
    text-align: center
}

.newsInfo .article-bottom {
    width: 100%;
    text-align: center;
    font-size: 12px;
    color: #999;
    margin: 10px 0
}

.newsInfo .article-bottom li {
    display: inline-block;
    padding: 0 10px
}

.newsInfo .person-action {
    line-clamp: 25px;
    font-size: 16px;
    background: #c2e4ff;
    border: 1px solid #5cb1f4;
    margin-top: 20px;
    padding: 20px;
    color: #333;
    line-height: 25px
}

.newsInfo article {
    padding-bottom: 45px
}

.newsInfo article .content table {
    float: inherit
}

.newsInfo article p {
    padding-top: 15px;
    font-size: 14px;
    color: #333;
    text-indent: 2em;
    line-height: 25px;
    width: 100%
}

.newsInfo article p img {
    display: block;
    margin: 0 auto
}

.school-contrast {
    position: fixed;
    right: 3px;
    top: 20%;
    z-index: 102
}

.school-contrast .switch {
    width: 35px;
    background: #fff;
    display: inline-block;
    text-align: center;
    padding: 10px 0;
    vertical-align: top;
    border-radius: 5px 0 0 5px;
    position: relative;
    right: -5px;
    font-size: 14px;
    box-shadow: 0 1px 1px #ccc;
    cursor: pointer
}

.school-contrast .switch i {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 12px;
    padding: 5px 0;
    color: #ff9f2c
}

.school-contrast .contrast {
    width: 204px;
    height: 268px;
    border-radius: 0 5px 5px 5px;
    background: #fff;
    overflow: hidden;
    display: inline-block;
    box-shadow: 0 1px 1px #ccc
}

.school-contrast span {
    color: #e84c33;
    border-bottom: 1px solid #e84c33;
    height: 40px;
    line-height: 40px;
    display: block;
    margin-bottom: 10px;
    width: 50%;
    margin-left: 20px;
    position: relative;
    top: 10px
}

.school-contrast ul {
    padding: 10px 20px;
    height: 168px;
    overflow: hidden
}

.school-contrast ul li {
    width: 100%;
    border-bottom: 1px dashed #e4e4e4;
    line-height: 35px
}

.school-contrast ul li p {
    width: 80%;
    height: 36px;
    overflow: hidden
}

.school-contrast ul li i, .school-contrast ul li p {
    display: inline-block;
    vertical-align: top
}

.school-contrast ul li i, .school-contrast ul li p a {
    color: #333;
    font-size: 14px
}

.school-contrast ul li i {
    float: right;
    width: 20px;
    height: 20px;
    background: url(http://static.gaokao.nercel.com/web/public/img/close1.3c241f31.png) no-repeat 50%;
    background-size: 23px auto;
    margin-top: 9px;
    cursor: pointer
}

.school-contrast .clear {
    width: 100%;
    background: #e4e4e4;
    height: 40px;
    line-height: 40px;
    margin-top: 10px
}

.school-contrast .clear p {
    display: inline-block;
    cursor: pointer
}

.school-contrast .clear .p1 {
    width: 60%;
    text-align: center;
    background: #ff9f2c;
    color: #fff;
    font-size: 14px
}

.school-contrast .clear .p2 {
    float: right;
    width: 39%;
    text-align: center;
    color: #525252;
    font-size: 14px
}

.secher-page {
    display: inline-block;
    width: 400px;
    height: 45px;
    border: 1px solid #00aff0;
    margin: 22px 20px 22px 0
}

.secher-page input {
    height: 43px;
    width: 309px;
    padding: 0 15px;
    border: 0;
    float: left
}

.secher-page button {
    width: 89px;
    height: 43px;
    border: 0;
    background: #00aff0;
    color: #fff;
    font-size: 16px
}

.job .secher-page {
    display: inline-block;
    width: 800px;
    height: 45px;
    border: 1px solid #00aff0;
    margin: 22px 20px 22px 0
}

.job .secher-page input {
    height: 43px;
    width: 709px;
    padding: 0 15px;
    border: 0;
    float: left
}

.job .secher-page button {
    width: 89px;
    height: 43px;
    border: 0;
    background: #00aff0;
    color: #fff;
    font-size: 16px
}

.major .secher-page {
    display: inline-block;
    width: 875px;
    height: 45px;
    border: 1px solid #00aff0;
    margin: 0 20px 22px 0
}

.major .secher-page input {
    height: 43px;
    width: 784px;
    padding: 0 15px;
    border: 0;
    float: left
}

.major .secher-page button {
    width: 89px;
    height: 43px;
    border: 0;
    background: #00aff0;
    color: #fff;
    font-size: 16px
}

.p-table .tabLi li {
    color: #202020;
    background: #fff;
    display: inline-block;
    background: #eee;
    margin-right: 8px;
    margin-bottom: 8px
}

.testGame {
    width: 100%;
    padding: 15px 30px 40px;
    border: 1px solid #eee;
    margin-bottom: 80px
}

.testGame .answerTit {
    width: 80%;
    font-size: 25px;
    height: 70px;
    line-height: 70px;
    color: #333;
    margin-bottom: 20px;
    display: inline-block
}

.testGame .page {
    margin-right: 15px;
    color: #ccc;
    font-size: 30px;
    position: relative;
    float: right;
    top: 15px
}

.testGame .answer {
    width: 100%
}

.testGame .answer p {
    width: 100%;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    background: #f5f5f5;
    margin: 5px 0 15px;
    border-radius: 5px;
    padding: 0 25px;
    cursor: pointer
}

.testGame .answer p:hover {
    background: #eee
}

.autoheight {
    height: auto
}

.submitTest {
    width: 100%;
    height: 60px
}

.submitTest button {
    width: 120px;
    height: 35px;
    line-height: 35px;
    font-size: 16px;
    color: #fff;
    border: 0;
    background: #00aff0;
    text-align: center;
    display: block;
    margin: 45px auto 0;
    cursor: pointer
}

.answer span {
    font-size: 30px;
    color: #dedede;
    width: 100%;
    display: block;
    text-align: center
}

.resultText {
    width: 63%;
    margin: 0 20%;
    padding: 30px
}

.resultText li {
    width: 120px;
    margin: 0 42px;
    display: inline-block
}

.resultText li p {
    width: 120px;
    height: 120px;
    border-radius: 60px;
    background: #ff9f2c;
    line-height: 120px;
    text-align: center;
    font-size: 60px;
    color: #fff
}

.resultText li span {
    width: 100%;
    text-align: center;
    display: block;
    font-size: 20px;
    margin: 20px 0;
    color: #333
}

.typeMessage .typeLi {
    width: 100%;
    margin-bottom: 20px;
    padding: 0 40px
}

.typeMessage .typeLi h4 {
    margin-bottom: 20px;
    width: 100%;
    line-height: 30px;
    font-size: 25px;
    border-left: 5px solid #005bcc;
    padding-left: 15px;
    color: #222
}

.suit {
    padding: 20px 40px
}

.suit h5 {
    height: 60px;
    line-height: 60px;
    border-bottom: 1px dashed #005bcc;
    padding: 7px 0
}

.suit h5 p {
    font-size: 25px;
    color: #222;
    height: 35px;
    line-height: 35px;
    padding-left: 15px;
    display: block;
    border-left: 5px solid #005bcc
}

.suit div {
    font-size: 15px;
    line-height: 35px;
    margin: 20px 0
}

.testGameTips {
    background: #eee;
    display: block;
    width: 100%;
    height: 50px;
    line-height: 50px;
    font-size: 20px;
    padding: 0 35px
}

.resultSplit {
    width: 80%;
    margin: 0 10%;
    padding: 30px
}

.resultSplit li {
    width: 120px;
    margin: 0 46px;
    display: inline-block
}

.resultSplit li p {
    width: 120px;
    height: 120px;
    border-radius: 60px;
    background: #ff9f2c;
    line-height: 120px;
    text-align: center;
    font-size: 60px;
    color: #fff
}

.resultSplit li span {
    width: 100%;
    text-align: center;
    display: block;
    font-size: 20px;
    margin: 20px 0;
    color: #333
}

.reslutcontent span {
    font-size: 16px;
    padding-left: 20px;
    line-height: 50px;
    font-weight: 700
}

.reslutcontent p {
    font-size: 14px;
    padding-left: 50px
}

.school-base-info {
    padding-top: 0 !important
}

.p-recommend {
    height: 30px;
    line-height: 30px;
    margin: 5px;
    padding: 0 10px;
    float: right;
    border: 0;
    background: #f9a317;
    color: #fff;
    display: block;
    cursor: pointer
}

.simulateContainer .content .scoreInfo {
    display: block !important;
    line-height: 42px
}

.dialog {
    position: relative;
    width: 1142px;
    height: auto !important;
    height: 100%;
    min-height: 100%;
    margin: 0 auto;
    padding: 20px 24px;
    background: #fff;
    box-shadow: 0 0 24px rgba(0, 0, 0, .9)
}

.dialog-mask .scroll {
    position: absolute;
    z-index: 3;
    left: 0;
    top: 0;
    overflow: auto;
    overflow-y: scroll;
    width: 100%;
    height: 100%
}

.dialog .close {
    float: right;
    height: 40px !important;
    width: 40px !important;
    position: fixed;
    top: 2px;
    left: 50%;
    margin-left: 565px
}

.dialog td button {
    background: #005bcc;
    border: 0;
    color: #fff;
    padding: 3px 40px;
    cursor: pointer;
    border-radius: 5px
}

.dialog td .active_has {
    background: #aab7bf
}

.table-p {
    height: 95%;
    margin-top: -3px;
    position: relative
}

.p-upDown {
    width: 60%
}

.p-upDown a {
    width: 49%;
    background: #f5f5f5;
    display: inline-block;
    height: 35px;
    line-height: 35px;
    margin-top: 20px;
    color: #333;
    vertical-align: bottom;
    cursor: pointer
}

.p-upDown .ban {
    color: #ccc
}

.p-upDown a:hover {
    background: #00aff0;
    color: #fff
}

.p-upDown .ban:hover {
    background: #f5f5f5;
    color: #ccc
}

.school-base-info {
    margin-top: 20px
}

.schoolDetailContainer .tabButton p span a {
    color: #fff
}

.ps-title h3 {
    height: 30px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    color: #424242;
    font-weight: 400;
    font-size: 18px
}

.ps-title h3, .ps-title h3 p {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

.ps-title h3 p {
    width: 6px;
    height: 16px;
    border-radius: 3px;
    background: #f70;
    overflow: hidden;
    margin-right: 12px
}

.ps-title h3 p span {
    height: 50%;
    width: 100%;
    background: #ff9233
}

.add-intention {
    margin-bottom: 50px !important
}

.add-intention .tit {
    border-bottom: 1px solid #f2f2f2;
    height: 70px;
    padding: 25px 10px 0;
    width: 910px;
    margin: 0 auto 20px
}

.add-intention .tit h3 {
    color: #525252;
    font-size: 18px;
    width: 30%;
    display: inline-block;
    background: url() no-repeat 0;
    height: 27px;
    line-height: 27px;
    font-weight: 400;
    padding-left: 15px
}

.ps-secher {
    width: 100%;
    border-bottom: 1px solid #e4e4e4;
    margin-top: 10px
}

.ps-secher h2 {
    font-size: 14px;
    color: #525252;
    font-weight: 400;
    display: inline-block;
    height: 50px;
    line-height: 50px
}

.ps-secher h2 b {
    font-weight: 700;
    color: #ff8b00
}

.p-radio {
    float: right;
    height: 50px;
    line-height: 50px;
    margin-top: 20px
}

.active_has strong {
    background: url() no-repeat 50% !important
}

.jobsType p {
    height: 45px;
    line-height: 45px;
    text-align: center;
    background: #005bcc;
    color: #fff;
    width: 150px
}

.jobs_type {
    border: 1px solid #e4e4e4;
    padding: 20px;
    background: #fafafa
}

.jobs_type .leftTips {
    width: 120px;
    display: inline-block;
    color: #999;
    font-size: 14px;
    text-align: center
}

.jobs_type .rightType {
    display: inline-block;
    margin-left: 100px;
    margin-top: -29px
}

.jobs_type .rightType a li {
    font-size: 14px;
    margin: 5px 10px;
    padding: 5px 10px
}

.left-narrow .newsTit a + a {
    margin-left: 0;
    display: block
}

.school-base-info {
    margin-top: 0 !important
}

.school-base-info .intro .content {
    height: auto !important
}

.functionButon {
    margin-top: 40px
}

.functionButon10 {
    margin-top: 10px
}

.functionButon button {
    padding: 10px 25px;
    background: #00b9ef;
    border: 0;
    margin: 0 10px;
    color: #fff;
    font-size: 16px;
    cursor: pointer;
    border-radius: 3px
}

.schoolDetailContainer .tabButton ul a + a {
    margin-left: -1px
}

.schoolDetailContainer .marginTop {
    margin-top: 20px
}

.newsInfo {
    width: 1000px !important
}

.schoolList {
    min-height: 400px
}

.loginMain {
    width: 100%;
    background: url(http://static.gaokao.nercel.com/web/public/img/leftImg_new.b99cbd1a.png) no-repeat 0;
    background-size: 650px auto
}

.right_login {
    background: #587ff8;
    width: 100%;
    margin-top: -18px
}

.right_login .loginMain .testEvaluation {
    display: inline-block;
    width: 450px;
    padding-bottom: 0;
    box-sizing: border-box;
    background: #fff;
    border-radius: 0 0 10px 10px;
    border-radius: 10px;
    margin: 25px 0 40px 750px
}

.right_login .loginMain .testEvaluation span {
    width: 100%
}

.right_login .loginMain .testEvaluation span input {
    width: 300px
}

.right_login .loginMain .testEvaluation span i {
    margin-left: -290px;
    padding-left: 22px;
    background: url(http://127.0.0.1:7002/public/img/reg-icon.jpg) no-repeat 0 -439px;
    color: #ff5e5e;
    vertical-align: middle;
    font-size: 12px;
    margin-top: 50px
}

.left_img {
    width: 500px;
    height: 180px;
    background: url(http://static.gaokao.nercel.com/web/public/img/login-bacground.d4587b13.png) no-repeat 50%;
    display: inline-block;
    border-radius: 10px 10px 0 0;
    margin-bottom: 25px
}

.right_login .loginMain .testEvaluation button {
    border-radius: 5px
}

.right_login .forget {
    width: 340px;
    margin: 40px auto 0
}

.logintit {
    font-size: 25px;
    color: #000;
    padding: 45px 0;
    width: 100%;
    text-align: center
}

.forget a {
    display: inline-block;
    font-size: 16px;
    color: #333;
    line-height: 25px
}

.forget a:nth-child(2) {
    color: #00b9ef;
    float: right
}

.other {
    width: 358px;
    margin: 20px auto
}

.right_login .other {
    width: 345px
}

.other span {
    line-height: 34px;
    font-size: 14px;
    width: 90px !important;
    padding-right: 0 !important
}

.other a, .other span {
    height: 34px;
    display: inline-block
}

.other a {
    width: 34px;
    margin-left: 20px;
    vertical-align: top;
    opacity: .8
}

.other .weixin {
    background: url(http://static.gaokao.nercel.com/web/public/img/weixin.51deb999.png) no-repeat 50%;
    background-size: 100%
}

.other .qq {
    background: url(http://static.gaokao.nercel.com/web/public/img/qq.9344c91b.png) no-repeat 50%;
    background-size: 100%
}

.other .weibo {
    background: url(http://static.gaokao.nercel.com/web/public/img/weibo.6dada8a6.png) no-repeat 50%;
    background-size: 100%
}

.top-header .top .container .right li span {
    position: absolute;
    margin-left: -35px;
    display: none
}

.top-header .top .container .right .program2 span {
    margin-left: -40px
}

.top-header .top .container .right li span img {
    box-shadow: 0 0 2em #eee
}

.top-header .top .container .right li:Hover span {
    display: block
}

.school-base-info .school-info-chart .chart {
    border: 0 !important
}

.not-login-box {
    text-align: center;
    background: url(http://static.gaokao.nercel.com/web/public/img/nologin.11e91f4f.png) no-repeat 50%;
    padding-bottom: 30px
}

.not-login-box button {
    padding: 10px 30px;
    border: 0;
    background: #00aff0;
    color: #fff;
    cursor: pointer;
    position: relative;
    top: 270px
}

.no_logins {
    padding-bottom: 40px
}

.rightRegi {
    position: relative;
    float: right;
    top: -60px;
    z-index: 99
}

.rightRegi p {
    display: inline-block
}

.rightRegi a {
    color: #2559e1
}

.table-p table tr:first-child {
    background: #028cdc
}

.table-p table tr:first-child th {
    color: #fff
}

.dialogTips {
    width: 100%;
    padding: 10px 20px;
    border: 1px solid #bfe3ec;
    background: #f7feff;
    font-size: 12px;
    color: #ff8006;
    line-height: 25px;
    margin: 10px 0
}

.dialogs h4 {
    width: 100%;
    display: block;
    height: 50px;
    line-height: 50px
}

.obtainCode button {
    border: 0;
    height: 34px;
    line-height: 34px;
    padding: 0 14px;
    cursor: pointer;
    background: #0ae;
    color: #fff
}

.table tbody tr + tr td {
    color: #505050
}

.table tbody tr + tr td .top {
    color: #ff8006
}

.scoreTips {
    font-size: 12px;
    color: #f74b4b;
    position: absolute;
    margin-top: 45px;
    margin-left: -143px
}

.userInfo {
    display: inline-block
}

.userInfo a {
    display: block
}

.userInfospan {
    background: #fff;
    border-radius: 0 0 5px 5px;
    padding: 10px 0;
    width: 130px;
    border: 1px solid #eee;
    border-top: 0
}

.userInfospan a {
    width: 100%;
    text-align: center;
    color: #333 !important;
    display: block;
    padding: 0 35px
}

.userInfospan a:hover {
    background: #00aff0;
    color: #fff !important
}

.userInfo:hover span {
    display: block
}

.td_a a {
    color: #fff;
    height: 27px;
    width: 67px;
    line-height: 27px;
    text-align: center;
    display: inline-block;
    background: #0ae
}

.td_a button {
    border: 0;
    padding: 5px 20px;
    background: #909399;
    color: #fff
}

.myzhiyuan {
    float: right;
    vertical-align: top;
    padding: 7px 15px;
    background: #ff9702;
    color: #fff;
    font-size: 14px;
    margin-top: -4px
}

.myzhiyuan:hover {
    background: #ff8006
}

.right-href {
    float: right;
    vertical-align: top;
    padding: 7px 15px;
    background: #ff9702;
    color: #fff;
    font-size: 14px;
    margin-top: -60px
}

.right-href:hover {
    background: #ff8006
}

.buttonBan {
    background: #e4e4e4 !important
}

button:active {
    background: #00aff0
}

.jobforTest li div a:active {
    background: #00b9ef
}

.btn-primary:active {
    background-color: #ff725b
}

.newsTit li:active, .subnav-box dd li.active:active, .td_a a:active {
    background: #00b9ef
}

.fontWeight {
    font-weight: 700
}

.fontTabcolor td {
    color: #848484 !important
}

.fontTabcolor td .money {
    width: 60px;
    margin: 0 auto;
    text-align: left
}

.fontTabcolor td:nth-child(3) {
    color: #ff8006 !important
}

.tabCorol {
    margin-top: 0
}

.tabCorol .tabtitlebac {
    background: #005bcc;
    color: #fff
}

.jobTitColor {
    width: 100%;
    background: #fff;
    height: 47px;
    margin: 20px 0 0;
    padding: 0;
    border-bottom: 0
}

.bg_color {
    background: #f4f4f4
}

.userInfo_p {
    width: 222px;
    background: #fff;
    display: inline-block;
    vertical-align: top;
    min-height: 571px
}

.add-intention .userInfo_p {
    min-height: 677px
}

.page7 .userInfo_p {
    min-height: 613px
}

.userInfo_ps {
    padding-bottom: 122px
}

.userInfo_p1 {
    padding-bottom: 118px
}

.rightTab {
    background: #fff;
    width: 959px !important;
    display: inline-block;
    vertical-align: top;
    margin-left: 11px
}

.testTab {
    padding-bottom: 100px
}

.userInfoCenter_p {
    width: 255px;
    height: 75px;
    border-radius: 15px;
    background: #fff;
    margin: 100px auto 0;
    box-shadow: 0 0 13px hsla(0, 0%, 75.7%, .5);
    font-size: 0
}

.userInfoCenter_p li {
    width: 33%;
    display: inline-block;
    font-size: 14px;
    text-align: center;
    height: 53px;
    margin-top: 11px
}

.userInfoCenter_p li + li {
    border-left: 1px solid #eee
}

.userInfoCenter_p li span {
    height: 25px;
    line-height: 25px;
    color: #9e9e9e;
    height: 28px;
    line-height: 28px;
    display: block;
    color: #656565
}

.userInfoCenter_p li:nth-child(3) {
    color: #eb8001
}

.userInfoCenter_p li p {
    width: 81px;
    overflow: hidden;
    line-height: 19px;
    height: 19px
}

.userInfoCenter_p li:first-child p {
    width: 65px;
    margin: 0 8px
}

.leftListUser_p {
    width: 255px;
    margin: 10px auto
}

.leftListUser_p li {
    height: 50px;
    line-height: 50px;
    border-bottom: 1px dashed #eee;
    padding-left: 15px;
    cursor: pointer
}

.leftListUser_p li a {
    color: #5c5c5c;
    padding-left: 35px;
    display: block;
    width: 100%;
    height: 50px
}

.leftListUser_p li:hover {
    background: #eee;
    border-radius: 20px
}

.leftListUser_p .list1 a {
    background: url(http://static.gaokao.nercel.com/web/public/img/leftlist1.983805ea.png) no-repeat 0
}

.leftListUser_p .list2 a {
    background: url() no-repeat 0
}

.leftListUser_p .list3 a {
    background: url() no-repeat 0
}

.leftListUser_p .list4 a {
    background: url(http://static.gaokao.nercel.com/web/public/img/leftlist4.792103b2.png) no-repeat 0
}

.leftListUser_p .list5 a {
    background: url() no-repeat 0
}

.leftListUser_p .list6 a {
    background: url() no-repeat 0
}

.leftListUser_p .list7 a {
    background: url(http://static.gaokao.nercel.com/web/public/img/leftlist7.5f85eae4.png) no-repeat 0;
    background-size: 16px auto;
    background-position: 6px 18px
}

.testEvaluation span input, .testEvaluation span select {
    width: 255px
}

.enrollReport {
    background: #fff;
    padding: 30px 60px;
    margin-top: 15px
}

.studentInfo {
    width: 100%;
    text-align: center;
    color: #5986a5;
    margin-bottom: 30px
}

.addbanner {
    width: 850px;
    margin: 0 auto
}

.user .testEvaluation {
    width: 900px !important;
    margin: 100px auto 0
}

.loadingBox {
    background: url(http://static.gaokao.nercel.com/web/public/img/loadingBox.ba2a4bea.gif) no-repeat 50%
}

.loadingBox, .nodata {
    width: 515px;
    height: 384px;
    margin: 0 auto
}

.nodata {
    background: url(http://static.gaokao.nercel.com/web/public/img/nodata.c0eacb37.png) no-repeat 50%
}

.noSearch {
    background: url(http://static.gaokao.nercel.com/web/public/img/noSecher.ff254a32.png) no-repeat 50%
}

.cantFilter, .noSearch {
    width: 515px;
    height: 384px;
    margin: 0 auto
}

.cantFilter {
    background: url(http://static.gaokao.nercel.com/web/public/img/cantFilter.f334884c.png) no-repeat 50%
}

.schooldeatail .pageBanner {
    background: url(http://static.gaokao.nercel.com/web/public/img/pagebanner2.83ab7843.png) no-repeat 50%;
    background-size: auto 100%
}

.vip {
    width: 100px;
    height: 37px;
    background: #fff url(http://static.gaokao.nercel.com/web/public/img/vips.532259d5.png) no-repeat;
    background-size: 28px 28px;
    float: right;
    margin: 22px 0 22px 15px;
    text-align: right;
    line-height: 37px;
    color: #333;
    font-size: 14px;
    padding-left: 15px;
    cursor: pointer;
    background-position: 20px 4px
}

.vip:hover {
    color: #0ae
}

.myTab {
    padding: 20px 30px;
    min-height: 667px;
    margin: 0;
    width: 100%
}

.userInfoTitle {
    width: 100%;
    height: 50px;
    border-bottom: 1px dashed #e4e4e4;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    color: #424242;
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 18px
}

.userInfoTitle, .userInfoTitle p {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

.userInfoTitle p {
    width: 6px;
    height: 16px;
    border-radius: 3px;
    background: #f70;
    margin-right: 15px;
    overflow: hidden
}

.userInfoTitle p span {
    width: 100%;
    height: 50%;
    background: #ff9233
}

.top20 {
    margin-top: 0 !important
}

.schoolInfoHeader .right button {
    border-radius: 5px;
    font-size: 12px !important;
    height: 30px !important
}

.schoolInfoHeader .right button:first-child {
    width: 98px
}

.majorImage {
    display: block;
    width: 145px;
    height: 100px;
    border-radius: 5px;
    background-size: 100%
}

.viptopUp .pageBanner {
    background: url(http://static.gaokao.nercel.com/web/public/img/bannerVip_bg.00b50cd2.jpg) no-repeat 50%;
    height: 260px
}

.viptopUp .path {
    display: none
}

.viptopup {
    width: 1200px;
    background: #fff;
    margin: -120px auto 0
}

.viptopup .p-function {
    margin-top: 0
}

.viptopup .function-ul li div {
    width: 233px;
    margin-left: 15px
}

.viptopup .function-ul li h4 {
    padding-bottom: 0
}

.viptopup .function-ul li span {
    margin-top: 10px
}

.viptopup .function-ul li {
    width: 31%;
    padding: 10px 10px 20px
}

.viptopup .function-ul li p {
    padding-top: 5px
}

.payment, .paymentMessage {
    width: 100%;
    border-bottom: 1px solid #eee;
    padding: 0 3%
}

.payment {
    padding-bottom: 50px;
    margin-bottom: 30px
}

.paymentMessage p, .payment p {
    line-height: 50px
}

.paymentMessage p i {
    font-size: 22px;
    color: #ff8a00
}

.paymentMessage p .oldPayment {
    margin-left: 35px;
    text-decoration: line-through;
    color: #999
}

.payment span {
    display: inline-block;
    text-align: center;
    width: 50%;
    margin: 0 25%
}

.payment span img {
    display: block;
    width: 200px;
    margin: 50px auto 0;
    border: 1px solid #dcdcdc;
    background: #fff;
    box-shadow: 0 0 30px #dadada
}

.payment .imgVip {
    width: 55%;
    margin: 0 auto
}

.payment span i {
    display: block;
    height: 50px;
    line-height: 50px;
    background: url(http://static.gaokao.nercel.com/web/public/img/weixin1.649ffdbf.png) no-repeat 0;
    background-position: 90px 10px;
    padding-left: 30px
}

.payment span:nth-child(2) i {
    background: url(http://static.gaokao.nercel.com/web/public/img/zhifubao.55f49eb5.png) no-repeat 0;
    background-position: 90px 10px;
    padding-left: 45px
}

.paytype {
    margin-top: 30px
}

.paytype i {
    height: 50px;
    line-height: 50px;
    display: inline-block;
    background: url(http://static.gaokao.nercel.com/web/public/img/weixin1.649ffdbf.png) no-repeat 0;
    padding: 0 30px 0 55px;
    border: 1px solid #eee;
    background-position: 20px 10px;
    cursor: pointer
}

.paytype i:nth-child(2) {
    background: url(http://static.gaokao.nercel.com/web/public/img/zhifubao.55f49eb5.png) no-repeat 0;
    background-position: 20px 10px
}

.paytype em {
    display: inline-block;
    width: 151px;
    background: url(http://static.gaokao.nercel.com/web/public/img/gouxuan.55eeb9ad.png) no-repeat 100% 100%;
    background-size: 30px auto;
    margin-right: 20px
}

.baike {
    font-size: 14px;
    padding: 15px
}

.baike p {
    width: 60%;
    display: block;
    margin: 10px auto 20px
}

.baike p a {
    display: inline-block;
    font-size: 14px;
    color: #666;
    width: 48%;
    text-align: center
}

.baike p a + a {
    border-left: 1px solid #ccc
}

.ele-pointer {
    font-size: 24px;
    color: #0e0e0e;
    text-align: center;
    line-height: 55px;
    margin-top: 30px
}

.quanzhi-logo-txt {
    width: 75%;
    font-size: 18px;
    padding: 0 2.5%;
    line-height: 38px;
    color: #005bcc;
    margin: 0 auto;
    border-bottom: 1px dashed #eee;
    border-top: 1px dashed #eee;
    position: relative;
    font-weight: 700
}

.quanzhi-more {
    display: block;
    text-align: center;
    width: 186px;
    height: 32px;
    line-height: 30px;
    border: 1px solid #005bcc;
    border-radius: 100px;
    color: #fff;
    font-size: 12px;
    margin: 29px auto 0;
    box-sizing: border-box;
    background: #005bcc
}

.newsBaike .left {
    width: 76%
}

.newsBaike .right {
    width: 23%
}

.aginPSW span {
    width: 50%
}

.aginPSW form {
    margin-top: 60px
}

.page3 .pageBanner {
    width: 100%;
    min-height: 100px;
    background: url(http://static.gaokao.nercel.com/web/public/img/pagebanner3.f06f4ed0.png) no-repeat 50%;
    background-size: auto 100%
}

.page4 .pageBanner {
    width: 100%;
    min-height: 100px;
    background: url(http://static.gaokao.nercel.com/web/public/img/pagebanner4.2de38673.png) no-repeat 50%;
    background-size: auto 100%
}

.page5 .pageBanner {
    background: url(http://static.gaokao.nercel.com/web/public/img/pagebanner5.e3756573.png) no-repeat 50%;
    background-size: auto 100%
}

.page5 .pageBanner, .page6 {
    width: 100%;
    min-height: 100px
}

.page6 {
    background: #3671cf url(http://static.gaokao.nercel.com/web/public/img/pagebanner.fd8b5e46.png) no-repeat 50%;
    background-size: auto 100%
}

.page7 {
    padding-top: 12px;
    margin-top: -13px;
    margin-bottom: -60px
}

.vipUser {
    background: url(http://static.gaokao.nercel.com/web/public/img/vips.532259d5.png) no-repeat 0;
    background-size: 20px 20px;
    background-position-y: 5px !important
}

.tiYan {
    background: url(http://static.gaokao.nercel.com/web/public/img/tiyan.cbfb4a0e.png) no-repeat 0;
    background-size: 20px 20px
}

.viped {
    display: none
}

.leftFixList {
    position: fixed;
    bottom: 30px;
    right: 5px;
    width: 61px;
    z-index: 999
}

.leftFixList ul {
    height: 398px;
    border-radius: 5px;
    background: #fff;
    box-shadow: 0 0 10px #eee;
    padding: 5px 5px 0
}

.leftFixList ul li {
    width: 100%;
    display: block;
    font-size: 12px;
    text-align: center
}

.leftFixList ul li a {
    color: #333;
    height: 60px;
    display: block;
    border-bottom: 1px solid #eee;
    line-height: 90px;
    margin: 5px 0
}

.leftFixList ul li:last-child a {
    border: 0
}

.leftFixList ul .leftfix1 a {
    background: url() no-repeat top;
    background-size: 30px auto
}

.leftFixList ul .leftfix2 a {
    background: url() no-repeat top;
    background-size: 30px auto
}

.leftFixList ul .leftfix3 a {
    background: url() no-repeat top;
    background-size: 30px auto
}

.leftFixList ul .leftfix4 a {
    background: url() no-repeat top;
    background-size: 30px auto
}

.leftFixList ul .leftfix5 a {
    background: url() no-repeat top;
    background-size: 30px auto;
    cursor: pointer
}

.leftFixList ul .leftfix6 a {
    background: url(http://static.gaokao.nercel.com/web/public/img/newstudents.1fef75ab.png) no-repeat top;
    background-size: 30px auto;
    cursor: pointer
}

.leftFixList ul li:hover {
    background: #eee;
    border-radius: 5px
}

.leftfix1 span {
    display: none;
    position: absolute;
    margin-left: -132px;
    background: #fff;
    margin-top: -75px;
    border-radius: 5px 0 5px 5px;
    box-shadow: 0 0 10px #eee
}

.leftFixList ul li:hover span {
    display: block
}

.majorFav button {
    background: url(http://static.gaokao.nercel.com/web/public/img/major1.69e67da1.png) no-repeat 0;
    background-size: 20px auto;
    color: #333;
    border: 0;
    padding: 5px 10px 5px 25px;
    color: #fff
}

.majorFav button span {
    color: #666
}

.majorFav .active_has {
    background: url(http://static.gaokao.nercel.com/web/public/img/major2.d888f9cc.png) no-repeat 0;
    background-size: 20px auto
}

.needVip {
    width: 100%;
    height: 100px;
    margin-top: 150px;
    background: url(http://static.gaokao.nercel.com/web/public/img/needVip.936c78e6.png) no-repeat 50%;
    background-size: 100px auto
}

.needVips {
    min-height: 300px
}

.needVips p {
    width: 100%;
    text-align: center;
    color: #333
}

.needVips p i {
    color: #ff8a00;
    font-weight: 700;
    margin: 0 3px
}

.testLuqus h3 {
    width: auto;
    display: inline-block
}

.testLuqu {
    font-size: 14px;
    margin-right: 20px
}

.testLuqu, .testLuqu select {
    display: inline-block;
    color: #ff8006
}

.testLuqu select {
    border: 0;
    margin-left: 20px;
    vertical-align: top
}

.testLuqu span {
    background: #fff;
    text-align: center;
    margin-left: 10px;
    font-size: 12px;
    margin-top: 1px
}

.testLuqu i, .testLuqu span {
    display: inline-block;
    vertical-align: top
}

.testLuqu i {
    width: 60px;
    height: 20px;
    margin-left: -70px
}

.margintop20 {
    margin-top: 93px;
    margin-bottom: 0 !important
}

.padingbottom0 {
    padding-bottom: 88px
}

.margin_top {
    margin-top: 80px !important
}

.suitablFor {
    font-size: 14px;
    color: #666;
    border: 1px solid #dedede;
    padding: 3px 8px;
    margin-right: 8px
}

.suitablForBox {
    padding: 0 45px
}

.suitablFors {
    font-size: 14px;
    color: #666;
    border: 1px solid #dedede;
    padding: 3px 8px;
    margin-right: 8px;
    display: inline-block;
    margin-bottom: 10px
}

.Totest {
    width: 150px;
    height: 50px;
    background: #005bcc;
    color: #fff;
    border: 0;
    margin: 0 auto;
    display: block
}

.selectInput div {
    width: 255px;
    display: inline-block
}

.selectInput div select {
    display: block;
    background: #f9f9f9;
    color: #333;
    border: 1px solid #e8e8e8
}

.selectInput div input {
    display: block;
    width: 255px;
    position: relative;
    margin-top: -42px
}

.changeButton {
    border: 1px solid #eee;
    border-top: 0;
    padding: 20px
}

.changeButton a {
    display: inline-block;
    padding: 7px 14px;
    background: #eee;
    margin-right: 10px;
    font-size: 14px;
    color: #333
}

.changeButton a.active {
    color: #fff;
    background: #00aff0
}

.changeButton a.active p {
    color: #fff
}

.buttonSelect {
    width: 285px
}

.buttonSelect div, .buttonSelect span {
    display: inline-block
}

.buttonSelect div select {
    background: #fff;
    color: #fff;
    display: block;
    border: 1px solid #169deb
}

.buttonSelect div input {
    width: 185px;
    margin-top: -30px;
    display: block
}

.rationality {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: url() repeat top;
    z-index: 999
}

.rationality .loading-img {
    position: fixed;
    top: 30%;
    left: 50%;
    text-align: center;
    padding: 20px 70px;
    border-radius: 5px;
    font-size: 12px;
    line-height: 30px;
    background: hsla(0, 0%, 100%, .87)
}

.rationality .box {
    position: fixed;
    width: 500px;
    height: 500px;
    top: 10%;
    left: 50%;
    margin-left: -250px;
    background: #fff
}

.rationality .box h2 {
    height: 50px;
    width: 100%;
    background: #00b9ef;
    font-size: 20px;
    line-height: 50px;
    padding: 0 30px;
    color: #fff;
    font-weight: 400
}

.rationality .box .close {
    display: block;
    width: 50px;
    height: 50px;
    padding: 15px;
    float: right;
    margin-right: -50px;
    background: #fff;
    margin-top: -50px;
    cursor: pointer
}

.rationality .box .close img {
    width: 100%
}

.rationality .box .tips {
    font-size: 16px;
    width: 90%;
    text-align: center;
    color: #666;
    background: #f7f7f7;
    border-radius: 5px;
    height: 40px;
    line-height: 40px;
    margin: 20px 5% 0
}

.rationality .box .tips i {
    color: #3ed60f;
    margin: 0 2px
}

.rationality .box .tips em {
    color: #ff9f2c;
    margin: 0 2px
}

.rationality .box .tipsInfo {
    width: 90%;
    margin: 0 5%
}

.rationality .box .tipsInfo li {
    width: 33%;
    float: left;
    text-align: center;
    border: 0
}

.rationality .box ul {
    width: 100%;
    padding: 20px
}

.rationality .box ul li {
    border-bottom: 1px dashed #eee;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    color: #666
}

.rationality .box ul li i {
    width: 18px;
    height: 18px;
    display: inline-block;
    background: url(http://static.gaokao.nercel.com/web/public/img/helijiance.63f728e5.png) no-repeat 50%;
    background-size: 18px auto;
    margin-top: 10px;
    margin-right: 4px;
    vertical-align: top;
    background-position: 0 0
}

.rationality .box ul li:nth-child(2) i {
    background-position: 0 -18px
}

.rationality .box ul li:nth-child(3) i {
    background-position: 0 -36px
}

.rationality .box .quesion {
    background: #f7f7f7;
    width: 90%;
    margin: 30px auto 0;
    border-radius: 5px;
    padding: 10px
}

.rationality .box .quesion li {
    padding: 0 20px
}

.rationality .box .quesion li i {
    float: right
}

.rationality .box .quesion li .advice {
    background-position: 0 -18px
}

.rationality .box .quesion li .correct {
    background-position: 0 -36px
}

.steps {
    width: 100%;
    background: url(http://static.gaokao.nercel.com/web/public/img/backgroundss.891efc9c.jpg) repeat 50%;
    padding: 30px 0
}

.steps h3 {
    line-height: 60px;
    font-size: 30px;
    color: #383737;
    font-weight: 400;
    width: 100%;
    text-align: center;
    margin-bottom: 30px
}

.steps .stepsTips {
    display: inline-block;
    background: #fff url(http://static.gaokao.nercel.com/web/public/img/stepsright.56585f59.png) no-repeat 50%;
    background-size: 12px auto;
    width: 40px;
    height: 40px;
    border-radius: 20px;
    box-shadow: 0 0 15px #eaeaea;
    margin-top: 88px
}

.steps ul {
    font-size: 0
}

.steps ul li {
    width: 16.13%;
    margin: 0 .6%;
    display: inline-block;
    font-size: 20px;
    background: #fff;
    vertical-align: top;
    padding: 20px 5px 10px;
    min-height: 250px;
    box-shadow: 0 0 15px #eaeaea
}

.steps ul li span {
    width: 60px;
    height: 60px;
    display: block;
    margin: 0 auto
}

.steps ul li h5 {
    width: 100%;
    text-align: center;
    font-size: 18px;
    font-weight: 400;
    background: #eee;
    border-radius: 20px;
    height: 32px;
    line-height: 32px;
    margin: 10px 0
}

.steps ul li a {
    font-size: 14px;
    color: #666;
    width: 100%;
    text-align: center;
    display: block;
    line-height: 25px
}

.steps ul li .line {
    width: 48%;
    display: inline-block;
    text-align: right
}

.steps ul li .lineLeft {
    text-align: left !important
}

.steps ul li a:hover {
    color: #005bcc
}

.steps ul .li1 span {
    background: url(http://static.gaokao.nercel.com/web/public/img/li1.a8a91a13.png) no-repeat 50%;
    background-size: 100%
}

.steps ul .li2 span {
    background: url(http://static.gaokao.nercel.com/web/public/img/li2.01369717.png) no-repeat 50%;
    background-size: 100%
}

.steps ul .li3 span {
    background: url(http://static.gaokao.nercel.com/web/public/img/li3.e50eaa4c.png) no-repeat 50%;
    background-size: 100%
}

.steps ul .li4 span {
    background: url(http://static.gaokao.nercel.com/web/public/img/li4.4b3bce47.png) no-repeat 50%;
    background-size: 100%
}

.steps ul .li5 span {
    background: url(http://static.gaokao.nercel.com/web/public/img/li5.34992dd3.png) no-repeat 50%;
    background-size: 100%
}

.padding_pt {
    padding-top: 22px
}

@media screen and (max-height: 930px) {
    .school-contrast {
        top: 10%
    }
}

@media screen and (max-height: 810px) {
    .school-contrast {
        top: 30px
    }
}

.wk-search-btn {
    width: 30px;
    height: 22px;
    vertical-align: top;
    border: 0;
    background: #43cafc url() no-repeat 50%;
    background-size: auto 28px
}

.guide h1 {
    font-size: 22px;
    text-align: center;
    margin: 40px 0
}

.guide h1, .newsguide img, .p-selectSchool {
    width: 100%
}

.p-selectSchool ul li {
    display: inline-block;
    text-align: center;
    font-size: 13px;
    color: #fff;
    vertical-align: top
}

.p-selectSchool .selectTit {
    background: #00aff0;
    width: 100%;
    height: 57px;
    overflow: hidden;
    font-size: 0
}

.p-selectSchool .selectTit li {
    height: 57px;
    line-height: 57px
}

.p-selectSchool ul .li1 {
    width: 130px
}

.p-selectSchool ul .li2 {
    width: 390px
}

.p-selectSchool ul .li2 input {
    height: 30px;
    padding: 0 10px;
    border: 0;
    background: #f4f6f7
}

.p-selectSchool ul .li3 {
    width: 130px
}

.p-selectSchool ul .li4 {
    width: 301px
}

.p-selectSchool ul .li5 {
    width: 130px
}

.p-selectSchool .selectList {
    font-size: 0
}

.p-selectSchool .selectList .li2 {
    padding-left: 10px
}

.p-selectSchool .selectTit .li3 p, .p-selectSchool .selectTit .li4 p {
    line-height: 27px;
    border-bottom: 1px solid #54bbf5;
    padding-bottom: 2px;
    font-size: 12px;
    line-height: 30px
}

.p-selectSchool .selectTit .li3 span, .p-selectSchool .selectTit .li4 span {
    display: inline-block;
    height: 27px;
    line-height: 24px;
    vertical-align: top;
    font-size: 12px
}

.p-selectSchool .selectTit .li4 span {
    width: 32%
}

.p-selectSchool .selectTit .li4 span + span {
    border-left: 1px solid #54bbf5
}

.p-selectSchool ul .li2 {
    text-align: left;
    padding: 0 20px
}

.p-selectSchool .selectList li {
    color: #666;
    height: 120px;
    border-bottom: 1px solid #eee
}

.p-selectSchool .selectList:hover {
    background: #f7f7f7
}

.p-selectSchool .selectList .li1 p {
    font-size: 20px;
    color: #e84c33;
    margin: 35px 0 5px
}

.p-selectSchool .selectList .li1 .red {
    color: #ff2d0b
}

.p-selectSchool .selectList .li1 .yellow {
    color: #ff7800
}

.p-selectSchool .selectList .li1 .yellow1 {
    color: #00aff0
}

.p-selectSchool .selectList .li1 .blue {
    color: #01973f
}

.p-selectSchool .selectList .li1 a {
    color: #666
}

.p-selectSchool .selectList .li2 .name {
    font-size: 16px;
    color: #333;
    margin: 23px 0 10px;
    width: 250px
}

.p-selectSchool .selectList .li2 .name a {
    color: #333
}

.p-selectSchool .selectList .li2 .img {
    display: inline-block;
    width: 80px;
    height: 80px;
    margin: 20px 10px
}

.p-selectSchool .selectList .li2 div {
    display: inline-block;
    vertical-align: top
}

.p-selectSchool .selectList .li2 .img img {
    width: 70px;
    margin: 5px
}

.p-selectSchool .selectList .li2 .name i {
    padding: 1px 7px;
    border: 1px solid #e84c33;
    font-size: 10px;
    color: #e84c33;
    margin-left: 5px;
    border-radius: 5px
}

.p-selectSchool .selectList .li2 .type {
    margin-top: 10px
}

.p-selectSchool .selectList .li2 .type i {
    padding: 2px 7px;
    display: inline-block;
    color: #fff;
    margin-right: 5px;
    font-size: 10px;
    border-radius: 3px
}

.p-selectSchool .selectList .li2 .type i:first-child {
    background: #f9a317
}

.p-selectSchool .selectList .li2 .type i:nth-child(2) {
    background: #f99117
}

.p-selectSchool .selectList .li2 .type i:nth-child(3) {
    background: #ff8006
}

.p-selectSchool .selectList .li2 .type i:nth-child(4) {
    background: #ee85df
}

.p-selectSchool .selectList .li3 p {
    line-height: 120px
}

.p-selectSchool .selectList .li4 div {
    width: 32%;
    display: inline-block
}

.p-selectSchool .selectList .li4, .p-selectSchool .selectList .li5 {
    padding: 8px 0
}

.p-selectSchool .selectList .li4 div p {
    line-height: 34px
}

.p-selectSchool .selectList li + li {
    border-left: 1px solid #eee
}

.p-selectSchool .selectList .li5 {
    padding: 8px 10px
}

.p-selectSchool .selectList .li5 p {
    line-height: 27px;
    cursor: pointer;
    color: #ff9702;
    margin: 5px 0
}

.p-selectSchool .selectList .li5 p:hover {
    color: #005bcc
}

.p-selectSchool .selectList .li4 div p:nth-child(2) {
    background: url(http://static.gaokao.nercel.com/web/public/img/weici.1c85535d.png) no-repeat 0;
    background-size: 15px 15px;
    background-position: 10px 9px
}

.p-selectSchool .selectList .li4 div p:nth-child(3) {
    background: url(http://static.gaokao.nercel.com/web/public/img/renshu.3f4ca660.png) no-repeat 0;
    background-size: 15px 15px;
    background-position: 10px 9px
}

.p-selectSchool .selectList .li4 div p {
    background: url(http://static.gaokao.nercel.com/web/public/img/scorer.b23a348a.png) no-repeat 0;
    background-size: 15px 15px;
    text-align: center;
    background-position: 10px 9px;
    cursor: pointer
}

.p-selectSchool .selectList .li5 p button {
    width: 100px;
    color: #fff;
    border: 0;
    height: 25px;
    line-height: 25px;
    cursor: pointer;
    background: #00aff0;
    border-radius: 3px;
    font-size: 12px
}

.tableseclect .subnav-box {
    width: 100%
}

input:focus {
    outline: thin dotted #333;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

.tragrtschools {
    line-height: 42px
}

.targetSchool {
    height: 255px;
    height: 42px;
    vertical-align: top
}

.targetSchool input {
    margin-top: 0 !important
}

.ulinput {
    position: absolute;
    background: #fff;
    width: 100%;
    outline: thin dotted #333;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
    top: 41px;
    padding: 10px 0;
    height: 300px;
    overflow: auto;
    z-index: 999
}

.ulinput input {
    width: 90% !important;
    margin-top: 0 !important;
    height: 30px !important;
    margin: 0 5% 10px
}

.ulinput li {
    border: 0;
    font-size: 13px;
    color: #666;
    line-height: 30px;
    padding: 0 10px;
    width: 100%;
    margin: 0
}

.ulinput .acrive, .ulinput li:hover {
    background: #005bcc;
    color: #fff
}

.ulinput li span {
    float: right;
    margin: 0 !important
}

.targetSchool .targetbox {
    width: 255px
}

.buttonSelect .targetSchool .targetbox {
    width: 185px
}

.buttonSelect .targetSchool {
    vertical-align: top;
    width: 185px;
    margin-top: -4px
}

.table-p table tr {
    position: relative
}

.hoverdialog {
    width: 780px !important;
    min-height: 240px;
    background: #fff;
    box-shadow: 0 0 15px #5a5a5a;
    position: absolute;
    margin-left: -1100px;
    padding: 10px;
    border-radius: 5px
}

.hoverdialog table {
    width: 100%
}

.hoverdialog table tr th:nth-child(2) {
    width: 450px
}

.hoverdialog table tr {
    border-bottom: 1px solid #eee;
    padding: 5px 0;
    margin-bottom: 5px
}

.hoverdialog table tr:first-child {
    background: #00aff0
}

.hoverdialog .titbox td {
    border-bottom: 1px solid #eee
}

.hoverdialog .titbox td:nth-child(2) {
    display: inline-block;
    height: 25px;
    line-height: 25px;
    overflow: hidden;
    padding: 0 30px;
    width: 460px
}

.hoverdialog table tr:first-child th {
    height: 30px
}

.table-p table .hovers {
    cursor: pointer;
    color: #005bcc !important
}

.table-p table .hovers:hover {
    color: #ff8a00 !important
}

.faq, .faq li {
    padding: 0 20px 20px
}

.faq li {
    border-bottom: 1px solid #eee
}

.faq li + li {
    padding-top: 20px
}

.faq li p {
    background: url(http://static.gaokao.nercel.com/web/public/img/q.2aef3754.png) no-repeat 0 0;
    background-position: 0 5px;
    background-size: 25px auto;
    padding-left: 30px;
    line-height: 30px;
    font-size: 16px
}

.faq li span {
    font-size: 14px;
    color: #999;
    display: block;
    line-height: 25px;
    border-top: 1px dashed #eee;
    margin-top: 15px;
    padding-top: 15px
}

.faq li span i {
    color: #fc435d
}

.faq li .date {
    font-size: 12px;
    width: 100%;
    text-align: right;
    display: block;
    color: #999;
    padding: 10px 20px 0
}

.faqInput {
    padding: 20px;
    text-align: center
}

.faqInput textarea {
    width: 90%;
    margin: 0 5%;
    border: 1px solid #eee;
    padding: 20px
}

.faqInput button {
    margin: 20px 0
}

.experts {
    font-size: 12px;
    padding: 0 10px
}

.experts div {
    width: 23%;
    display: inline-block;
    margin: .87%;
    padding: 20px 10px;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 0 9px #eaeaea
}

.experts div span {
    width: 120px;
    height: 120px;
    display: block;
    margin: 10px auto;
    overflow: hidden;
    border-radius: 50%
}

.experts div span img {
    width: 100%
}

.experts div .office {
    margin-bottom: 20px
}

.experts div .name, .experts div .office {
    line-height: 26px;
    font-size: 14px;
    color: #333;
    width: 100%;
    text-align: center
}

.experts div .name {
    color: #ff8a00;
    font-size: 16px;
    font-weight: 700;
    margin-top: 20px
}

.experts div .introduce {
    font-size: 12px;
    color: #999;
    line-height: 25px;
    padding: 0 20px
}

.experts div button {
    background: #00aff0;
    font-size: 14px;
    width: 60%;
    margin: 20px 20%;
    border: 0;
    height: 35px;
    cursor: pointer;
    color: #fff;
    border-radius: 5px
}

.techerleft {
    width: 281px;
    padding-bottom: 76px
}

.techerleft, .techerRight {
    display: inline-block;
    vertical-align: top
}

.techerRight {
    background: #fff;
    width: 900px !important
}

.experts .techerBrief {
    width: 100%;
    margin: 0
}

.experts .techerBrief .introduce {
    margin-bottom: 5px;
    color: #666
}

.experts .techerBrief .introduce i {
    color: #005bcc
}

.experts .techerBrief .cost {
    border: 1px dashed red;
    background-color: #fff7f7;
    margin: 0 18px 15px;
    height: 35px;
    line-height: 35px;
    text-align: center
}

.mod-content .steps .item {
    *zoom: 1;
    padding: 5px 20px 0;
    position: relative
}

.mod-content .steps .item .collection .portion {
    overflow: hidden
}

.mod-content .steps .item .collection .portion dl {
    float: left;
    display: inline-block;
    margin-bottom: 20px;
    line-height: 28px
}

.mod-content .steps .item .collection .portion dl.width_50 {
    width: 50%
}

.mod-content .steps .item .collection .portion dl dt {
    float: left;
    margin-right: 5px;
    font-weight: 700
}

.mod-content .steps .collection .portion dl dt {
    text-align: right;
    white-space: nowrap;
    font-size: 13px;
    font-weight: 400;
    color: #666
}

.mod-content .steps .item .collection .portion dl dd {
    overflow: hidden;
    font-size: 12px
}

.mod-content .steps .item .collection .portion dl dt em {
    color: red
}

.mod-content .steps .item .collection .portion dl dd input[type=text] {
    width: 230px
}

.g-input {
    box-sizing: border-box;
    height: 28px;
    line-height: 28px;
    margin: 0;
    padding: 0 10px;
    color: #666;
    background-color: #fff;
    border: 1px solid #d6d6d6;
    border-radius: 3px;
    box-shadow: none
}

.mod-content .steps .item .collection .portion dl dd label {
    font-size: 12px;
    line-height: 28px;
    height: 28px;
    display: inline-block;
    vertical-align: top
}

.mod-content .steps .item .collection .portion dl dd label input {
    margin: 8px 10px 0;
    display: inline-block;
    vertical-align: top
}

.mod-content .steps .step-2 .collection .portion dl dt {
    width: 80px
}

.mod-content .steps .step-3 .collection .portion dl dt, .mod-content .steps .step-4 .collection .portion dl dt, .mod-content .steps .step-5 .collection .portion dl dt, .mod-content .steps .step-6 .collection .portion dl dt {
    width: 130px
}

.mod-content .steps .step-6 span.orange {
    margin-left: 10px;
    color: #ff8e05;
    font-size: 12px
}

.width_102px {
    width: 102px
}

.mod-content .steps .item .icon {
    width: 100%;
    border-bottom: 1px solid #eee;
    display: block;
    height: 45px;
    line-height: 45px;
    margin: 0 0 20px
}

.mod-content .steps .item .icon i {
    font-size: 18px;
    font-weight: 700;
    border-left: 4px solid #5cb1f4;
    padding-left: 10px
}

.g-hidden {
    display: none
}

.mod-content .steps .step-4 .collection dd button {
    display: inline-block;
    outline: none;
    white-space: nowrap;
    vertical-align: middle;
    border: 0;
    cursor: pointer
}

.mod-content .steps .step-4 .collection dd button.selectTypeTrend {
    height: 28px;
    line-height: 28px;
    color: #fff;
    padding: 0 12px;
    background: #005bcc;
    background: -webkit-gradient(linear, left top, left bottom, from(#008ee0), to(#0075b9));
    background: -webkit-linear-gradient(top, #008ee0, #0075b9);
    background: linear-gradient(180deg, #008ee0 0, #0075b9);
    background-repeat: repeat-x;
    border-radius: 3px;
    font-weight: 400;
    text-align: center
}

.mod-content .steps .step-4 .collection dd p.majorType {
    display: inline-block
}

.mod-content .steps .step-4 .collection dd p.majorType span {
    display: inline-block;
    border: 1px solid #d6d6d6;
    line-height: 26px;
    padding: 0 5px;
    color: #005bcc;
    margin-left: 10px
}

.mod-content .steps .step-4 .collection dd p.majorType span:first-child {
    margin-left: 0
}

.mod-content .action {
    text-align: center;
    padding: 10px 0
}

.g-button {
    display: inline-block;
    height: 42px;
    line-height: 42px;
    padding: 0 20px;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    border: 0;
    border-radius: 3px;
    -o-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    box-sizing: border-box;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    width: 200px
}

.g-button-main {
    color: #fff;
    background-color: #005bcc
}

.dialog td .goodAt {
    color: #09bd99;
    background: url(http://static.gaokao.nercel.com/web/public/img/goodat.98734323.png) no-repeat 0;
    background-size: 20px 20px;
    padding-left: 25px
}

.dialog td .hard {
    color: #f74b4b;
    background: url(http://static.gaokao.nercel.com/web/public/img/hard.3a3a1019.png) no-repeat 0;
    background-size: 18px 18px;
    padding-left: 25px
}

.originalPrice {
    filter: alpha(Opacity=80);
    -moz-opacity: .8;
    opacity: .8;
    padding: 0 10px;
    background: url() repeat 0
}

.leftist2020 {
    width: 100%;
    padding-top: 10px
}

.leftist2020 li {
    width: 100%;
    border-bottom: 1px double #eee;
    font-size: 16px;
    color: #6e6c6c
}

.leftist2020 li span {
    height: 60px;
    display: block;
    line-height: 60px;
    padding-left: 45px;
    margin-left: 20px;
    cursor: pointer;
    font-weight: 700;
    color: #5f5f5f
}

.leftist2020 li span em {
    width: 40px;
    height: 40px;
    display: inline-block;
    float: right;
    margin: 10px 10px 10px 0
}

.leftist2020 .actives span em, .leftist2020 li span em {
    background: url() no-repeat top
}

.leftist2020 .actives span em {
    background-position-y: -40px
}

.leftist2020 .li1 span {
    background: url(http://static.gaokao.nercel.com/web/public/img/leftlist11.675c1e0d.png) no-repeat 0
}

.leftist2020 .li2 span {
    background: url(http://static.gaokao.nercel.com/web/public/img/leftlist12.e41773ff.png) no-repeat 0
}

.leftist2020 .li3 span {
    background: url(http://static.gaokao.nercel.com/web/public/img/leftlist13.38162095.png) no-repeat 0
}

.leftist2020 .li4 span {
    background: url(http://static.gaokao.nercel.com/web/public/img/leftlist14.a4d32008.png) no-repeat 0
}

.leftist2020 li div {
    display: none;
    padding-bottom: 10px
}

.leftist2020 .actives div {
    display: block
}

.leftist2020 li div a {
    height: 40px;
    line-height: 40px;
    padding-left: 65px;
    cursor: pointer;
    color: #666;
    width: 100%;
    display: block
}

.leftist2020 li div a i {
    color: #e84c33;
    padding-left: 3px
}

.leftist2020 li div .active, .leftist2020 li div a:hover {
    background: #f5f5f5;
    border-right: 3px solid #ff8a00
}

.radio_wrap {
    float: right;
    font-size: 14px;
    margin-top: 5px
}

.radio_wrap .radio_box {
    margin: 0 5px;
    cursor: pointer
}

.radio_wrap .radio_box i {
    display: inline-block;
    margin-right: 3px;
    width: 14px;
    height: 14px;
    line-height: 1;
    vertical-align: middle;
    background: url() no-repeat 0;
    background-position: 0 0
}

.radio_wrap .radio_box.checked .radio_icon {
    background: url() no-repeat 0;
    background-position: -16px 0
}

.rightCenter {
    width: 910px;
    margin: 0 auto 20px;
    padding-bottom: 100px
}

.canFilter {
    width: 100%;
    margin-top: -5px
}

.canFilter span {
    color: #666
}

.canFilter p, .canFilter span {
    display: inline-block;
    font-size: 12px;
    height: 25px;
    vertical-align: top;
    line-height: 25px
}

.canFilter p {
    border: 1px solid #ececec;
    padding-left: 10px
}

.canFilter p i {
    position: relative;
    top: -1px;
    color: #666
}

.canFilter p button {
    width: 25px;
    height: 25px;
    position: relative;
    top: -1px;
    background: #f43b17;
    border: 1px solid #f43b17;
    color: #fff;
    cursor: pointer;
    font-size: 10px
}

.canFilterSelect {
    width: 100%;
    margin-top: 10px;
    position: relative
}

.canFilterSelect .selectTit {
    background: #f9f9f9;
    color: #6e6c6c;
    font-size: 12px;
    height: 30px;
    line-height: 30px;
    padding: 0 0 0 10px;
    border: 1px solid #ececec;
    display: inline-block;
    vertical-align: top;
    cursor: pointer
}

.canFilterSelect .selectTit i {
    background: url() no-repeat top;
    width: 25px;
    height: 30px;
    display: inline-block;
    vertical-align: top;
    background-size: 100% auto;
    background-position: 0 4px
}

.canFilterSelect .selectTit:hover {
    background: #fff
}

.canFilterSelect .selectTit:hover i {
    background-position: 0 -23px
}

.canFilterSelect .selectLi {
    width: 100%;
    border: 1px solid #ececec;
    padding: 15px 10px;
    margin-top: -1px
}

.canFilterSelect .selectLi .limit {
    width: 100%;
    display: block;
    border-bottom: 1px dotted #ececec;
    font-size: 12px;
    height: 43px;
    line-height: 30px;
    padding: 0 10px
}

.canFilterSelect .selectLi .limit i {
    background: #f9a317 !important;
    color: #fff;
    float: right;
    height: 25px;
    line-height: 25px;
    padding: 0 20px
}

.canFilterSelect .selectLi div {
    width: 100%;
    font-size: 12px;
    color: #666
}

.canFilterSelect .selectLi div span {
    display: inline-block;
    vertical-align: top;
    line-height: 35px;
    color: #333;
    padding: 0 10px;
    font-size: 12px
}

.canFilterSelect .selectLi div span i {
    padding: 2px 10px;
    width: 100%;
    display: inline-block;
    height: 25px;
    margin: 3px 0;
    line-height: 20px;
    font-size: 12px
}

.canFilterSelect .selectLi div p {
    display: inline-block;
    vertical-align: top;
    border-bottom: 1px dotted #ececec;
    width: 100%
}

.canFilterSelect .selectLi div p i {
    display: inline-block;
    vertical-align: top;
    height: 26px;
    line-height: 26px;
    cursor: pointer;
    padding: 0 10px;
    margin: 4px 15px 5px 0
}

.canFilterSelect .selectLi .limit i, .canFilterSelect .selectLi div p i:hover, .canFilterSelect .selectLi div span i:hover {
    background: #f9a317 !important;
    color: #fff
}

.canFilterSelect .selectLi .active {
    background: #00aff0;
    color: #fff
}

.canFilterSelect .selectLi .limit .active, .canFilterSelect .selectLi .limit i:hover, .canFilterSelect .selectLi div span .active, .canFilterSelect .selectLi div span i:hover {
    background: #005bcc
}

.canFilterSelect {
    font-size: 0
}

.canFilterSelect li {
    display: inline-block
}

.canFilterSelect li + li {
    margin-left: -1px
}

.canFilterSelect li .selectLi {
    display: none;
    position: absolute;
    left: 0;
    background: #fff;
    box-shadow: 0 6px 20px -10px rgba(0, 0, 0, .3)
}

.canFilterSelect li .overflowrolling {
    height: 500px;
    overflow: hidden;
    padding-bottom: 20px
}

.canFilterSelect li .overflowrolling .rolling {
    height: 450px;
    overflow: auto;
    padding-bottom: 10px
}

.canFilterSelect li:hover .selectLi {
    display: block
}

.canFilterSelect .selectLi .secTab {
    margin-top: 10px
}

.canFilterSelect .selectLi .secTab p {
    width: 96%;
    margin: 0 2%;
    border: 0
}

.canFilterSelect .secher {
    height: 30px;
    margin: 0
}

.canFilterSelect .secher button, .canFilterSelect .secher input {
    height: 28px
}

.canSchoolList {
    width: 100%;
    margin-top: 10px
}

.canSchoolList li {
    width: 100%;
    border: 1px solid #ececec;
    font-size: 0;
    margin-bottom: 5px;
    text-align: left !important
}

.canSchoolList li:hover {
    background: #f7f7f7
}

.canSchoolList .div1 {
    display: inline-block;
    vertical-align: top;
    border-right: 1px solid #ececec;
    height: 100%;
    padding-right: 10px;
    width: 405px
}

.canSchoolList .div1 .schoolLogo {
    width: 70px;
    height: 70px;
    display: inline-block;
    vertical-align: top;
    margin: 25px 5px 25px 15px
}

.canSchoolList .div1 .schoolLogo img {
    width: 100%
}

.canSchoolList .div1 p {
    display: inline-block;
    vertical-align: top;
    margin-top: 25px;
    width: 200px
}

.canSchoolList .div1 p .schoolName {
    font-size: 16px;
    display: block;
    color: #333
}

.canSchoolList .div1 p .schoolName i {
    font-size: 12px;
    border: 1px solid #0ae;
    margin-left: 10px;
    padding: 2px 6px;
    color: #0ae;
    white-space: nowrap
}

.canSchoolList .div1 p .schoolAdr {
    display: block;
    font-size: 12px;
    color: #666;
    margin-top: 8px
}

.canSchoolList .div1 p .schoolType {
    display: block;
    font-size: 10px;
    color: #fff;
    margin-top: 8px
}

.canSchoolList .div1 p .schoolType i:first-child {
    background: #f9a317;
    padding: 1px 7px
}

.canSchoolList .div1 p .schoolType i:nth-child(2) {
    background: #f99117;
    padding: 1px 7px
}

.canSchoolList .div1 p .schoolType i:nth-child(3) {
    background: #ff8006;
    padding: 1px 7px
}

.canSchoolList .div2 {
    display: inline-block;
    vertical-align: top;
    border-right: 1px solid #ececec;
    width: 195px;
    height: 120px
}

.canSchoolList .div2 .nextYear {
    font-size: 14px;
    color: #666;
    text-align: center;
    height: 30px;
    line-height: 30px;
    border-bottom: 1px solid #ececec
}

.canSchoolList .div2 .nextYearNumber {
    font-size: 20px;
    text-align: center;
    line-height: 90px;
    color: #0075b9
}

.canSchoolList .div3 {
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    height: 120px;
    border-right: 1px solid #ececec;
    width: 320px;
    padding: 15px 0
}

.canSchoolList .div3 p {
    text-align: center;
    color: #333
}

.canSchoolList .div3 .probability2 {
    margin-top: 5px
}

.canSchoolList .div3 .probability2 i {
    width: 20px;
    height: 20px;
    background: #f33260;
    color: #fff;
    font-size: 12px;
    text-align: center;
    line-height: 20px;
    display: inline-block;
    margin-right: 5px;
    overflow: hidden
}

.canSchoolList .div3 .probability2 .bao {
    background: #41d167
}

.canSchoolList .div3 .probability2 .wen {
    background: #31acff
}

.canSchoolList .div3 .probability2 .bo {
    background: #ffad44
}

.canSchoolList .div3 .probability2 .chong {
    background: #d33232
}

.canSchoolList .div3 .probability2 .nan {
    background: #9b9b9b
}

.canSchoolList .div3 .probability2 em {
    vertical-align: top;
    display: inline-block;
    line-height: 22px;
    background: #fff
}

.canSchoolList .div3 .probability2 em img {
    width: 28px;
    height: auto
}

.canSchoolList .div3 .probability3 {
    margin-top: 8px;
    color: #666;
    font-size: 12px
}

.canSchoolList .div3 .probability4 {
    margin-top: 8px;
    color: #00b9ef;
    cursor: pointer;
    text-align: center;
    font-size: 12px
}

.canSchoolList .div4 {
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    padding: 20px 42px;
    text-align: center;
    overflow: hidden
}

.canSchoolList .div4 a {
    display: block;
    background: #0ae;
    color: #fff;
    font-size: 12px;
    padding: 3px 20px;
    margin: 4px 0
}

.canSchoolList .div4 button {
    width: 100%;
    border: 0;
    background: #0ae;
    color: #fff;
    height: 22px;
    margin-bottom: 4px
}

.canSchoolList .div4 .active_has {
    background: #ff8006
}

.canSchoolList .div5 {
    width: 100%;
    font-size: 14px;
    color: #666
}

.canSchoolList .div5 .schoolFind {
    border-top: 1px solid #ececec;
    width: 100%;
    color: #9c9c9c;
    font-size: 12px
}

.canSchoolList .div5 .schoolFind p {
    display: inline-block;
    margin-left: 15px;
    height: 30px;
    line-height: 30px
}

.canSchoolList .div5 .schoolFind span {
    display: inline-block;
    float: right;
    margin: 7px 18px 7px 0;
    height: 16px;
    line-height: 16px;
    background: url(http://static.gaokao.nercel.com/web/public/img/up1.e0db1250.png) no-repeat 100% 0;
    background-size: 16px auto;
    padding-right: 25px;
    background-position-y: 0;
    cursor: pointer
}

.canSchoolList .active .schoolFind span {
    background-position-y: -16px;
    cursor: pointer
}

.canSchoolList .div5 .majorName {
    width: 100%;
    display: none
}

.canSchoolList .active .majorName {
    display: block
}

.canSchoolList .div5 .majorName p {
    border-bottom: 1px solid #ececec;
    padding: 0 0 0 15px;
    height: 30px
}

.canSchoolList .div5 .majorName p:last-child {
    border: 0
}

.canSchoolList .div5 .majorName p i {
    line-height: 30px;
    height: 30px;
    display: inline-block;
    color: #999;
    overflow: hidden;
    font-size: 12px
}

.canSchoolList .div5 .majorName p i a {
    color: #ff8006
}

.canSchoolList .div5 .majorName p i + i {
    border-left: 1px solid #e5e6e8
}

.canSchoolList .div5 .majorName .tits {
    background: #f9f9f9;
    height: 30px;
    border-top: 1px solid #ececec
}

.canSchoolList .div5 .majorName i {
    color: #666;
    font-size: 13px
}

.canSchoolList .div5 .majorName .tits i {
    color: #666
}

.canSchoolList .div5 .majorName .major1 {
    width: 30.4%
}

.canSchoolList .div5 .majorName .major2 {
    width: 12%;
    text-align: center
}

.canSchoolList .div5 .majorName .major3 {
    width: 10%;
    text-align: center
}

.canSchoolList .div5 .majorName .major4 {
    width: 10.9%;
    text-align: center
}

.canSchoolList .div5 .majorName .major5, .canSchoolList .div5 .majorName .major6 {
    width: 15.3%;
    text-align: center
}

.canSchoolList .div5 .majorName .major7 {
    width: 14%;
    text-align: center
}

.probData {
    display: none;
    position: absolute;
    width: 300px;
    background: #fff;
    box-shadow: 0 6px 20px -10px rgba(0, 0, 0, .3);
    border-radius: 4px;
    border: 1px solid #ececec;
    margin-left: -10px
}

.probability4:hover .probData {
    display: block
}

.probData .proTit {
    background: #f5f5f5;
    height: 30px
}

.probData .proTit i {
    color: #333;
    font-size: 14px
}

.probData span {
    width: 100%;
    display: block;
    font-size: 0
}

.probData span i {
    width: 33%;
    text-align: center;
    display: inline-block;
    font-size: 14px;
    line-height: 30px;
    color: #666;
    font-size: 13px
}

.probData span i + i {
    border-left: 1px dotted #ececec
}

.probData span + span {
    border-top: 1px dotted #ececec
}

.probData .score i {
    background: url(http://static.gaokao.nercel.com/web/public/img/scorer.b23a348a.png) no-repeat 0;
    background-size: 15px 15px;
    text-align: center;
    background-position: 15px 8px
}

.probData .weici i {
    background: url(http://static.gaokao.nercel.com/web/public/img/weici.1c85535d.png) no-repeat 0;
    background-size: 15px 15px;
    text-align: center;
    background-position: 15px 8px
}

.probData .renshu i {
    background: url(http://static.gaokao.nercel.com/web/public/img/renshu.3f4ca660.png) no-repeat 0;
    background-size: 15px 15px;
    text-align: center;
    background-position: 15px 8px
}

.dialogTable, .dialogTable ul {
    width: 100%;
    font-size: 0
}

.dialogTable ul li {
    font-size: 15px;
    display: inline-block;
    width: 33.3333%;
    text-align: center;
    height: 50px;
    line-height: 44px;
    background: #0ae;
    color: #fff;
    border: 2px solid #0ae;
    cursor: pointer
}

.dialogTable ul li i {
    color: #ff8006;
    margin: 0 2px;
    font-weight: 700
}

.dialogTable ul .active {
    background: #fafafa;
    color: #333;
    border-bottom: 2px solid #fafafa
}

.majorCanSchoolList .div1 {
    width: 462px
}

.majorCanSchoolList .div5 .majorName .major1 {
    width: 42.1%
}

.majorFirst .div1 {
    width: 398px
}

.majorFirst .div5 .majorName .major7 {
    width: 9%
}

.majorFirst .div5 .majorName .major5, .majorFirst .div5 .majorName .major6 {
    width: 12.3%
}

.majorCanSchoolList .div2 {
    width: 230px
}

.majorCanSchoolList .div3 {
    width: 433px
}

.majorCanSchoolList .div4 {
    padding: 20px 44px
}

.majorCanSchoolList .div4 button {
    display: block;
    background: #0ae;
    border: 0;
    width: 100px;
    height: 24px;
    color: #fff;
    margin: 2px 0;
    font-size: 12px
}

.tableseclect .canFilter {
    margin-top: 20px;
    border: 1px solid #ececec;
    padding: 10px
}

.tableseclect .canFilter p {
    background: #f9f9f9;
    border: 1px solid #f9f9f9
}

.zhuanyeSecher {
    margin-top: 10px;
    width: 100%;
    border: 2px solid #008ee0;
    height: 40px
}

.zhuanyeSecher input {
    line-height: 30px;
    width: 965px;
    padding: 0 10px
}

.zhuanyeSecher button, .zhuanyeSecher input {
    height: 36px;
    display: inline-block;
    vertical-align: top;
    border: 0
}

.zhuanyeSecher button {
    width: 120px;
    background: #0ae;
    color: #fff;
    cursor: pointer;
    margin-right: -1px
}

.canFilterSelect .radio_wrap {
    font-size: 12px;
    color: #666
}

.targetboxZhuanye {
    position: relative;
    z-index: 99;
    margin-top: -39px
}

.targetboxZhuanye input {
    border: 1px solid #e4e4e4;
    width: 98% !important;
    margin: 0 1%
}

.targetboxZhuanye .ulinput {
    height: 200px
}

.targetboxZhuanye li {
    width: 97%;
    border-bottom: 1px dotted #ececec;
    margin: 0 1.5%;
    font-size: 12px
}

.startAiEdit {
    background: #0075b9;
    font-size: 14px;
    color: #fff;
    border: 0;
    height: 40px;
    width: 200px;
    margin: 100px auto 0;
    display: block
}

.tabFixs {
    position: fixed;
    top: 0;
    margin-top: 0 !important;
    width: 1300px;
    margin-left: -50px;
    padding: 0 10px 0 0;
    background: hsla(0, 0%, 100%, .85);
    z-index: 999999999;
    box-shadow: 0 0 10px #ccc
}

.lowestRanking input, .lowestScore input {
    height: 30px;
    border: 1px solid #ececec;
    font-size: 12px;
    padding: 0 10px
}

.lowestRanking button, .lowestScore button {
    background: #00aff0;
    height: 30px;
    border: 1px solid #00aff0;
    padding: 0 30px;
    color: #fff
}

.buttonSelect .targetboxV3 {
    width: 200px;
    vertical-align: top;
    position: absolute;
    top: -30px
}

.buttonSelect .targetMajorv3 input {
    margin-top: -21px
}

.smile-header {
    position: relative;
    z-index: 9;
    box-shadow: none;
    height: 125px;
    background: #377bfb url(http://static.gaokao.nercel.com/web/public/img/smilenavBg.5783f160.png) no-repeat top
}

.smile-header ~ div {
    margin-top: -105px
}

.smile-header .top {
    background: #275dad;
    border-bottom: 0
}

.smile-header .nav {
    background: none
}

.smile-header .top .container .left, .smile-header .top .container .right li {
    color: #fff
}

.smile-header .top .container .right li:hover {
    color: #f9a317
}

.smile-header .navbar li .mian-a, .smile-header .program0 p a {
    color: #fff
}

.bouncedDetails {
    width: 900px;
    position: absolute;
    background: #fff;
    margin-top: 10px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .08);
    border: 1px solid #e1e1e3;
    text-align: left;
    padding: 10px 20px;
    margin-left: -400px
}

.bouncedDetails p {
    display: inline-block;
    border: 1px solid #f1f1f1;
    margin: 2px;
    font-size: 12px;
    padding: 2px 5px;
    color: #666
}

.bouncedDetails:before {
    content: "";
    width: 20px;
    height: 12px;
    display: block;
    position: absolute;
    right: 370px;
    top: -12px;
    background: url(http://static.gaokao.nercel.com/web/public/img/topjiantou.3b112c80.png) no-repeat 0
}

.bouncedDetailstips {
    background: url(http://static.gaokao.nercel.com/web/public/img/trtdupdown.3a7688cd.png) no-repeat top;
    width: 16px;
    height: 16px;
    background-size: 100% auto;
    display: inline-block;
    vertical-align: top;
    background-position: 0 2px
}

.tipsLeft:hover .bouncedDetailstips {
    background: url(http://static.gaokao.nercel.com/web/public/img/trtdupdown.3a7688cd.png) no-repeat top;
    width: 16px;
    height: 16px;
    background-size: 100% auto;
    background-position: 0 -14px
}

.tipsLeft {
    cursor: pointer
}

.tipsLeft .bouncedDetails {
    display: none
}

.tipsLeft:hover .bouncedDetails {
    display: block
}

.smile-header .navbar {
    width: 600px
}

.smile-header .navbar li:hover {
    background: rgba(0, 185, 239, .1)
}

.breathe-btn {
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-name: breathe;
    -webkit-animation-duration: 3s;
    -webkit-animation-iteration-count: infinite
}

@-webkit-keyframes breathe {
    0% {
        background: url() no-repeat 0;
        background-position: -100px 0
    }
    45% {
        background: url() no-repeat 0;
        background-position: 150px 0
    }
    to {
        background: url() no-repeat 0;
        background-position: 150px 0
    }
}

html .footer {
    background: #1b1b1b;
    margin-top: 60px !important
}

.ver-middle button {
    background: #0075b9;
    padding: 5px 10px;
    border: 0;
    color: #fff;
    width: 100px;
    margin: 4px
}

.right-wide .left0 .container {
    margin-left: 0
}

.vsAndcollect button {
    width: 100px;
    margin: 5px 0;
    cursor: pointer
}

.vsAndcollect a {
    background: #0075b9;
    padding: 5px 10px;
    color: #fff !important;
    width: 100px;
    margin: 5px auto
}

.novip button, .vsAndcollect a {
    border: 0;
    cursor: pointer;
    display: block
}

.novip button {
    border-radius: 5px;
    width: 158px;
    height: 45px;
    line-height: 45px;
    font-size: 16px;
    position: relative;
    top: 40%
}

.novip a, .novip button {
    background: #ff9702;
    text-align: center;
    color: #fff;
    margin: 10px auto
}

.novip a {
    border: 0;
    border-radius: 5px;
    width: 138px;
    height: 35px;
    line-height: 35px;
    font-size: 14px;
    display: block;
    cursor: pointer
}

.novip p {
    text-align: center;
    color: #464646;
    line-height: 25px
}

.novip p em {
    color: #ff9702
}

.noVip6, .noVip7 {
    width: 100%;
    padding: 50px;
    background: #fafafa
}

.noVip7 {
    padding: 30px
}

.unwindVip {
    width: 120px;
    text-align: center;
    font-size: 12px;
    color: #333;
    padding: 0 5px 0 15px;
    cursor: pointer;
    background: #fafafa;
    position: relative;
    border: 1px solid #e4e4e4;
    border-top: 0;
    height: 25px;
    border-radius: 0 0 3px 3px;
    margin: -1px auto 10px
}

.unwindVip i {
    display: inline-block;
    line-height: 25px;
    vertical-align: top
}

.unwindVip em {
    display: inline-block;
    background: url() no-repeat top;
    width: 30px;
    height: 25px;
    background-size: 100% auto;
    background-position: 2px -2px
}

.windVip em {
    background: url() no-repeat top;
    background-size: 100% auto;
    background-position: 2px -34px
}

.carousel {
    width: 100%;
    height: 360px;
    margin: 0 auto;
    overflow: hidden;
    position: relative
}

.carousel .slide, .carousel li {
    width: 100%;
    height: 420px
}

.carousel li {
    position: absolute;
    display: block
}

.carousel .slide a {
    display: block;
    width: 100%;
    height: 420px
}

.carousel .bullet {
    width: 100%;
    position: absolute;
    bottom: 10px;
    margin: 0 auto;
    text-align: center;
    z-index: 0
}

.carousel span {
    width: 10px;
    height: 10px;
    background: #eee;
    display: inline-block;
    margin-right: 10px;
    border-radius: 5px
}

.carousel .active {
    background: #f9a317;
    width: 25px
}

.carousel .image-enter-active {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.carousel .image-leave-active {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.carousel .image-enter {
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
}

.carousel .image-leave {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.fitJob {
    width: 100%;
    border-bottom: 1px dashed #eee;
    border-top: 15px solid #f4f4f4;
    padding: 30px 0
}

.fitJob h2 {
    font-size: 22px;
    height: 50px;
    line-height: 50px;
    font-weight: 400;
    color: #000
}

.fitJob em, .fitJob h2 {
    width: 100%;
    text-align: center
}

.fitJob em {
    display: block;
    font-size: 12px;
    color: #999
}

.majorList .fitJobList {
    padding: 0 15px
}

.majorList .fitJobList .tit {
    height: 30px;
    background: #fbfafa
}

.majorList .fitJobList .tit span {
    height: 30px;
    line-height: 30px;
    font-size: 16px
}

.fitJobList .p-listinfo li span {
    width: 31%
}

.fitJobList .p-listinfo li span p {
    display: inline-block;
    color: #f28434
}

.firstSecher {
    margin-top: 10%;
    width: 100%;
    text-align: center;
    background: url(http://static.gaokao.nercel.com/web/public/img/noSecher.ff254a32.png) no-repeat 50%;
    height: 300px;
    color: #999;
    line-height: 460px
}

.schoolOperation {
    position: relative;
    cursor: pointer;
    width: 300px
}

.schoolDetails {
    display: none;
    width: 280px;
    border: 1px solid #eee;
    position: absolute;
    background: #fff;
    padding: 15px;
    text-align: left;
    margin-top: 10px;
    left: 50%;
    margin-left: -140px
}

.schoolOperation:hover .schoolDetails {
    display: block;
    z-index: 9;
    border: 1px solid #e1e1e3;
    box-shadow: 0 2px 8px -1px rgba(0, 0, 0, .2)
}

.schoolDetails h3 {
    font-size: 14px;
    color: #333;
    font-weight: 400;
    border-bottom: 1px dashed #e8e8e8;
    line-height: 30px
}

.schoolDetails h3 .bao {
    color: #41d167
}

.schoolDetails h3 .wen {
    color: #31acff
}

.schoolDetails h3 .bo {
    color: #ffad44
}

.schoolDetails h3 .chong {
    color: #d33232
}

.schoolDetails h3 .nan {
    color: #9b9b9b
}

.schoolDetails h3 i {
    float: right
}

.schoolDetails .attribute, .schoolDetails .nature {
    margin: 10px 0
}

.schoolDetails .nature span {
    font-size: 12px;
    color: #6d6d6d;
    margin-top: 10px;
    height: 30px;
    width: auto
}

.schoolDetails .attribute i {
    background: #f5f5f5;
    color: #666
}

.schoolDetails .attribute i:first-child {
    background: #f9a317
}

.schoolDetails .attribute i:nth-child(2) {
    background: #f99117
}

.schoolDetails .attribute i:nth-child(3) {
    background: #ff8006
}

.schoolDetails .attribute i {
    display: inline-block;
    padding: 0 8px;
    font-size: 12px;
    color: #fff;
    border-radius: 5px
}

.schoolDetails .schoolOption {
    font-size: 0
}

.schoolDetails .schoolOption a, .schoolDetails .schoolOption button {
    background: #fff;
    color: #333;
    padding: 0;
    width: 72px;
    border: 1px solid #eee;
    height: 30px;
    line-height: 30px;
    display: inline-block;
    text-align: center;
    margin: 5px;
    font-size: 12px
}

.schoolDetails .schoolOption .active_has {
    background: #00aff0;
    border: 1px solid #00aff0;
    color: #fff
}

.schoolOperation .tips {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url() no-repeat 50%;
    background-size: 100% auto;
    position: relative;
    top: 5px;
    opacity: .5
}

.dataFromTips {
    font-size: 14px;
    color: #828282;
    padding-left: 20px
}

.newgk-bg {
    width: 100%;
    background: #f4f8ff;
    padding-bottom: 40px;
    margin-bottom: -60px
}

.newGk_banner {
    width: 100%;
    height: 450px;
    background: url(http://static.gaokao.nercel.com/web/public/img/banner.56900bc7.png) no-repeat 50%;
    background-size: auto 100%;
    position: relative
}

.newGk_banner .bottomimg {
    width: 100%;
    height: 200px;
    background: url(http://static.gaokao.nercel.com/web/public/img/bannerBottom.5cb34837.png) no-repeat bottom
}

.newGk_banner .provice_banner {
    width: 1200px;
    margin: 0 auto;
    background: #fff;
    height: 250px;
    position: relative;
    top: 80px
}

.beijing .provice_banner {
    background: url(http://static.gaokao.nercel.com/web/public/img/banner_beijing.1f031e86.png) no-repeat 0
}

.chongqing .provice_banner {
    background: url(http://static.gaokao.nercel.com/web/public/img/banner_chongqing.774e9a20.png) no-repeat 0
}

.fujian .provice_banner {
    background: url(http://static.gaokao.nercel.com/web/public/img/banner_fujian.6e1aef03.png) no-repeat 0
}

.guangdong .provice_banner {
    background: url(http://static.gaokao.nercel.com/web/public/img/banner_guangdong.3c2234af.png) no-repeat 0
}

.hainan .provice_banner {
    background: url(http://static.gaokao.nercel.com/web/public/img/banner_hainan.eaf3c64c.png) no-repeat 0
}

.hebei .provice_banner {
    background: url(http://static.gaokao.nercel.com/web/public/img/banner_hebei.11c2a1be.png) no-repeat 0
}

.hubei .provice_banner {
    background: url(http://static.gaokao.nercel.com/web/public/img/banner_hubei.451ced61.png) no-repeat 0
}

.hunan .provice_banner {
    background: url(http://static.gaokao.nercel.com/web/public/img/banner_hunan.77c49b99.png) no-repeat 0
}

.jiangsu .provice_banner {
    background: url(http://static.gaokao.nercel.com/web/public/img/banner_jiangsu.53c62987.png) no-repeat 0
}

.liaoning .provice_banner {
    background: url(http://static.gaokao.nercel.com/web/public/img/banner_liaoning.05879673.png) no-repeat 0
}

.shandong .provice_banner {
    background: url(http://static.gaokao.nercel.com/web/public/img/banner_shandong.28919985.png) no-repeat 0
}

.shanghai .provice_banner {
    background: url(http://static.gaokao.nercel.com/web/public/img/banner_shanghai.7ee7428a.png) no-repeat 0
}

.tianjin .provice_banner {
    background: url(http://static.gaokao.nercel.com/web/public/img/banner_tianjin.264fcc8e.png) no-repeat 0
}

.zhejiang .provice_banner {
    background: url(http://static.gaokao.nercel.com/web/public/img/banner_zhejiang.245ac550.png) no-repeat 0
}

.newsGaokaotableImg {
    text-align: left;
    margin: 15px 0
}

.subjectlist {
    margin-top: 60px
}

.subjectlist li {
    width: 377px;
    height: 238px;
    border-radius: 5px;
    display: inline-block;
    padding: 70px 0 0 30px
}

.subjectlist li .tips {
    font-size: 18px;
    color: #fff
}

.subjectlist li .tit {
    font-size: 25px;
    color: #fff;
    font-weight: 700;
    margin-top: 25px
}

.subjectlist li span {
    display: block;
    margin-top: 20px;
    background: #fff;
    width: 52px;
    height: 27px;
    text-align: center;
    line-height: 27px;
    border-radius: 14px;
    font-size: 14px;
    color: #5c3bda
}

.subjectlist li:hover {
    box-shadow: 3px 3px 0 3px #457dde
}

.subjectlist .majorToSubject:hover {
    box-shadow: 3px 3px 0 3px #f46a28
}

.subjectlist .sublectToMajor:hover {
    box-shadow: 3px 3px 0 3px #3a3bd4
}

.subjectlist .majorToSubject a {
    color: #fe8924
}

.subjectlist .schoolToMajor a {
    color: #8398e2
}

.subjectlist .schoolToMajor {
    background: #ccc url(http://static.gaokao.nercel.com/web/public/img/list1.faa21446.png) no-repeat bottom;
    box-shadow: 0 0 20px 11px #cee0ff
}

.secherMiniHeight .targetSchool {
    height: 50px !important;
    width: 579px !important
}

.secherMiniHeight .secher button, .secherMiniHeight .secher input {
    height: 50px !important
}

.subjectlist .sublectToMajor {
    background: #ccc url(http://static.gaokao.nercel.com/web/public/img/list3.30ec39a6.png) no-repeat bottom;
    box-shadow: 0 0 20px 11px #ced2ff
}

.subjectlist .majorToSubject {
    background: #ccc url(http://static.gaokao.nercel.com/web/public/img/list2.02464876.png) no-repeat bottom;
    box-shadow: 0 0 20px 11px #ffe8cb;
    margin: 0 29px
}

.newGk_instructions {
    width: 100%;
    text-align: center;
    margin-top: 60px
}

.newGk_instructions h2 {
    font-size: 40px;
    color: #3887ff;
    line-height: 80px;
    font-weight: 400
}

.instructions-tips {
    font-size: 14px;
    color: #616161;
    line-height: 28px
}

.newGk_instructions .line {
    width: 100%;
    border-bottom: 1px solid #cacaca;
    height: 2px;
    display: block;
    margin-top: 30px
}

.newGk_instructions .line em {
    width: 400px;
    height: 2px;
    background: #6495ed;
    display: block;
    margin: 0 auto
}

.moshi {
    margin-top: 30px
}

.newGk_instructions h3 {
    font-size: 28px;
    color: #464646;
    font-weight: 400;
    margin-top: 25px
}

.newGk_instructions .moshitips {
    font-size: 14px;
    color: #616161;
    line-height: 28px;
    margin-top: 15px
}

.newGk_instructions .tops {
    margin-top: 30px
}

.newGk_instructions .wenzi {
    font-size: 16px;
    color: #636262;
    line-height: 35px;
    margin-top: 25px;
    text-align: left
}

.newGk_instructions .dengji {
    text-align: left;
    font-size: 0;
    margin-top: 30px
}

.newGk_instructions .dengji li {
    margin-top: 2px
}

.newGk_instructions .dengji em, .newGk_instructions .dengji p {
    display: inline-block;
    width: 4.09%;
    background: #ccc;
    font-size: 14px;
    text-align: center;
    height: 30px;
    line-height: 30px
}

.newGk_instructions .dengji2 em, .newGk_instructions .dengji2 p {
    width: 17.5%
}

.newGk_instructions .dengji p {
    width: 10%;
    color: #fff
}

.newGk_instructions .dengji em {
    margin-left: .19%
}

.newGk_instructions .li1 p {
    background: #b3b8c4
}

.newGk_instructions .li1 em {
    background: #e3e3e3
}

.newGk_instructions .li2 p {
    background: #88a7c2
}

.newGk_instructions .li2 em {
    background: #e5ebf7
}

.newGk_instructions .li3 p {
    background: #4fb7f3
}

.newGk_instructions .li3 em {
    background: #b7e3fc
}

.newGk_instructions .fufen {
    width: 100%;
    text-align: left;
    margin-top: 40px
}

.newGk_instructions .fufen .tableimg {
    width: 398px;
    display: inline-block;
    border: 1px solid #e4e4e4;
    font-size: 0
}

.newGk_instructions .fufen .tableimg li {
    width: 132px;
    text-align: center;
    line-height: 28px;
    font-size: 14px;
    display: inline-block;
    vertical-align: top;
    border-right: 1px solid #e4e4e4
}

.newGk_instructions .fufen .tableimg .li1 {
    line-height: 60px;
    width: 100%;
    display: block;
    border-bottom: 1px solid #e4e4e4;
    border-right: 0;
    background: #eee
}

.newGk_instructions .fufen .tableimg .li4 {
    border-right: 0
}

.newGk_instructions .fufen .tableimg li p, .newGk_instructions .fufen .tableimg li span {
    display: inline-block;
    border-bottom: 1px solid #e4e4e4;
    width: 100%;
    font-size: 12px
}

.newGk_instructions .fufen .tableimg li p {
    height: 34px
}

.newGk_instructions .fufen .tabEatils {
    width: 796px;
    height: 709px;
    display: inline-block;
    vertical-align: top;
    padding-top: 55px
}

.newGk_instructions .fufen .tabEatils span {
    width: 125px;
    height: 125px;
    background: url(http://static.gaokao.nercel.com/web/public/img/touxiang.4f99a8d3.png) no-repeat 50%;
    display: inline-block;
    margin-left: 20px
}

.newGk_instructions .fufen .tabEatils div {
    width: 640px;
    display: inline-block;
    vertical-align: top;
    margin-top: 70px;
    background: #f2f3f3;
    padding: 20px 30px 50px 20px
}

.newGk_instructions .fufen .tabEatils div p {
    padding-left: 30px;
    font-size: 18px;
    line-height: 40px;
    margin-top: 20px
}

.schoolToMajor h2 {
    color: #2b2b2b;
    font-size: 22px;
    width: 100%;
    background: url() no-repeat 0;
    height: 27px;
    line-height: 27px;
    font-weight: 400;
    padding-left: 20px;
    margin: 30px 0
}

.schoolToMajor .secher {
    float: none;
    width: 719px;
    height: 42px;
    margin: 0 auto;
    border-radius: 3px;
    overflow: hidden;
    box-shadow: 0 0 20px 11px #f5f5f5
}

.schoolToMajor .secher input {
    height: 40px;
    width: 585px;
    font-size: 14px
}

.schoolToMajor .secher button {
    width: 132px;
    height: 40px;
    border-radius: 0 3px 3px 0;
    font-size: 14px;
    color: #fff;
    padding-left: 25px;
    background: #2fa6fa url() no-repeat 0;
    background-position: 25px 3px
}

.schoolToMajor .secher button:active {
    background: #227ec0 url() no-repeat 0 !important;
    background-position: 25px 3px !important
}

.centerTit h3 {
    font-size: 28px;
    color: #464646;
    font-weight: 400;
    margin-top: 25px
}

.centerTit {
    text-align: center;
    width: 100%;
    margin: 80px 0 30px
}

.centerTit p {
    font-size: 22px;
    color: #616161;
    line-height: 28px;
    margin-top: 15px
}

.majorTable ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    width: 100%
}

.majorTable ul li {
    display: inline-block;
    text-align: center;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1
}

.majorTable ul li .echartsWheel {
    width: 88px;
    height: 88px;
    margin: 25px auto
}

.majorTable ul li .p {
    width: 138px;
    height: 46px;
    line-height: 46px;
    border-radius: 23px;
    text-align: center;
    border: 1px solid #ccc;
    color: #404040;
    font-size: 16px;
    margin: 0 auto;
    background: #fff;
    cursor: pointer
}

.majorTable ul li .active, .majorTable ul li:hover .p {
    color: #fff;
    background: #0baff3;
    border: 1px solid #0baff3
}

.schoolTotableList ul {
    width: 100%;
    border: 1px solid #e9e9e9
}

.schoolTotableList ul li {
    width: 100%;
    border-bottom: 1px solid #e9e9e9;
    font-size: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.schoolTotableList ul li .left {
    display: inline-block;
    width: 80%;
    font-size: 12px;
    padding: 10px;
    vertical-align: top;
    border-right: 1px solid #e9e9e9;
    margin-right: -1px;
    color: #525151
}

.schoolTotableList ul li .right {
    display: inline-block;
    width: 20%;
    font-size: 12px;
    padding: 10px;
    border-left: 1px solid #e9e9e9;
    text-align: center
}

.schoolTotableList ul li .right p {
    display: inline-block
}

.schoolTotableList ul li .right p i {
    border-radius: 4.8px;
    width: 38px;
    line-height: 18px;
    margin-right: 5px;
    margin-left: 15px;
    font-size: 12px;
    display: inline-block;
    text-align: center;
    background-color: rgba(232, 76, 51, .12);
    color: #e84c33
}

.schoolTotableList ul li .right p span {
    color: #525151
}

.schoolTotableList ul .tit {
    background: #f6f6f6
}

.schoolTotableList ul .tit p {
    text-align: center;
    font-size: 16px
}

.subjectTomajorTips {
    margin-bottom: 20px
}

.subjectTomajorTips p {
    line-height: 40px;
    background: #f3f3f3;
    padding: 20px;
    color: #666
}

.subjectTitle {
    font-size: 14px;
    margin: 20px 0;
    font-weight: 400;
    color: #ff9702
}

.majorTable button {
    width: 179px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    color: #fff;
    font-size: 16px;
    background: #0baff3;
    border-radius: 5px;
    margin: 50px auto 40px;
    border: 0;
    display: block
}

.sujectline {
    width: 100%;
    height: 3px;
    border-bottom: 1px dashed #ccc;
    display: block
}

.titsecher h5 {
    font-size: 16px;
    display: inline-block;
    font-weight: 400;
    color: #2b2b2b;
    line-height: 80px;
    background: url() no-repeat 0;
    padding-left: 15px
}

.titsecher h5 i {
    color: #f9a317;
    padding: 0 3px
}

.titsecher .secher {
    width: 422px;
    height: 40px;
    box-shadow: none;
    display: inline-block;
    vertical-align: top;
    margin-top: 20px;
    float: right
}

.titsecher .secher input {
    height: 38px;
    width: 322px;
    font-size: 14px
}

.titsecher .secher button {
    width: 98px;
    height: 38px;
    margin: 0;
    border-radius: 0;
    padding-left: 25px;
    background: #2fa6fa url() no-repeat 0;
    background-position: 10px 3px;
    font-size: 14px
}

.titsecher .secher button:active {
    background: #227ec0 url() no-repeat 0 !important;
    background-position: 10px 1px !important
}

.newgk_tableList table {
    width: 100%;
    border-collapse: collapse
}

.newgk_tableList table tr {
    height: 35px
}

.newgk_tableList table tr th {
    background: #0075b9;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    height: 40px
}

.newgk_tableList table tr th span {
    width: 20px;
    height: 20px;
    display: inline-block;
    background: url() no-repeat 50%;
    background-size: 100% auto;
    position: relative;
    top: 5px;
    cursor: pointer
}

.newgk_tableList table tr th span:hover {
    opacity: .8
}

.newgk_tableList table tr td {
    padding: 5px 10px;
    font-size: 12px;
    text-align: center;
    color: #666
}

table, td, th {
    border: 1px solid #e9e9e9
}

.newgk_tablelist {
    margin: 0;
    border: 0
}

.nopadding {
    padding: 0 !important;
    width: 301px
}

.activehover span {
    color: #2087ed;
    cursor: pointer
}

.activehover:hover .newgk_tablelist {
    display: block
}

.limitwidth {
    max-width: 300px;
    text-align: left !important
}

.newgk_tablelist .proTit i, .newgk_tablelist span i {
    background: #fdfafa;
    font-size: 12px
}

.selectschoolName {
    position: relative
}

.selectschoolName .selectschool {
    position: absolute;
    width: 200px;
    height: 150px;
    background: #fff;
    top: 40px;
    padding: 10px 0;
    box-shadow: 0 2px 9px 0 #dde1e8
}

.selectschoolName .selectschool .selectLi {
    text-align: left;
    color: #333
}

.selectschoolName .selectschool .selectLi .limit {
    background: none;
    width: 100%;
    display: block;
    border-bottom: 1px dotted #ececec;
    font-size: 12px;
    height: 43px;
    line-height: 30px;
    padding: 0 10px
}

.selectschoolName .selectschool .selectLi .limit i {
    background: #f9a317 !important;
    color: #fff;
    float: right;
    height: 25px;
    line-height: 25px;
    padding: 0 20px
}

.selectschoolName .selectschool .selectLi .rolling {
    height: 400px;
    overflow: auto;
    padding-bottom: 10px
}

.selectschoolName .selectschool .selectLi div {
    width: 100%;
    font-size: 12px;
    color: #666
}

.selectschoolName .selectschool .selectLi div span {
    display: inline-block;
    vertical-align: top;
    line-height: 35px;
    color: #333;
    padding: 0 10px;
    font-size: 12px;
    width: auto;
    height: auto;
    top: 0;
    background: none;
    margin-top: 5px
}

.selectschoolName .selectschool .selectLi div span i {
    padding: 2px 10px;
    width: 100%;
    display: inline-block;
    height: 25px;
    margin: 3px 0;
    line-height: 20px;
    font-size: 12px;
    color: #fff
}

.selectschoolName .selectschool .selectLi div span .active, .selectschoolName .selectschool .selectLi div span i:hover {
    background: #005bcc
}

.selectschoolName .selectschool div p {
    display: inline-block;
    vertical-align: top;
    border-bottom: 1px dotted #ececec;
    width: 100%;
    line-height: 25px;
    padding: 0 10px
}

.selectschoolName .selectschool div p i {
    display: inline-block;
    vertical-align: top;
    height: 26px;
    line-height: 26px;
    cursor: pointer;
    padding: 0 10px;
    margin: 4px 15px 5px 0
}

.selectschoolName .selectschool .limit i, .selectschoolName .selectschool div p .active, .selectschoolName .selectschool div p i:hover, .selectschoolName .selectschool div span i:hover {
    background: #f9a317 !important;
    color: #fff
}

.selectschoolName .selectschool .so {
    width: 180px;
    margin: 0 10px
}

.selectschoolName .selectschool .so input {
    border: 1px solid #dadada;
    width: 180px;
    height: 30px;
    border-radius: 15px;
    padding: 0 10px;
    font-size: 12px;
    background: #fbfbfb url(http://static.gaokao.nercel.com/web/public/img/secher.fb98a4d2.png) no-repeat;
    background-size: 15px 15px;
    background-position: 150px 6px
}

.selectschoolName .selectschool .schooltype {
    width: 100%;
    text-align: left;
    border-bottom: 1px dashed #eee;
    line-height: 35px;
    padding: 0 10px;
    color: #333;
    background: url(http://static.gaokao.nercel.com/web/public/img/right.d5f04b59.png) no-repeat 100%;
    background-size: 18px 18px;
    cursor: pointer
}

.selectschoolName .selectschool .postionbox {
    position: relative;
    padding: 0 10px
}

.selectschoolName .selectschool .postionbox .choose {
    position: absolute;
    left: 200px;
    width: 280px;
    background: #fff;
    padding: 10px;
    box-shadow: 0 2px 9px 0 #dde1e8;
    text-align: left;
    font-size: 0;
    top: 0;
    display: none
}

.selectschoolName .selectschool .postionbox .choose p:first-child {
    display: block
}

.selectschoolName .selectschool .postionbox .choose p {
    display: inline-block;
    width: 60px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    border: 1px solid #eee;
    margin: 0 5px 5px 0;
    font-size: 12px;
    color: #666
}

.selectschoolName .selectschool .postionbox .choose .active {
    background: #2fa6fa;
    color: #fff;
    border: 1px solid #2fa6fa
}

.selectschoolName .selectschool .postionbox:hover .choose {
    display: block
}

.selectschoolName .selectschool .selectType {
    text-align: left;
    padding: 0 10px
}

.selectType .selectschool {
    width: 500px;
    height: auto
}

.selectType .selectschool .selectType li {
    display: block;
    border-bottom: 1px solid #eee;
    padding: 10px 10px 7px
}

.selectType .selectschool .selectType li:first-child {
    height: 45px;
    padding: 0 10px;
    line-height: 45px
}

.selectType .selectschool .selectType li:first-child div {
    vertical-align: baseline
}

.selectType .selectschool .selectType li div {
    width: 100px;
    vertical-align: top
}

.selectType .selectschool .selectType li .type {
    width: 355px;
    display: inline-block;
    vertical-align: top
}

.selectType .selectschool .selectType li div, .selectType .selectschool .selectType li p {
    display: inline-block;
    line-height: 30px
}

.selectType .selectschool .selectType li p {
    margin-right: 10px;
    color: #666
}

.selectType .selectschool .selectType li label {
    position: relative;
    top: -2px;
    left: 3px;
    color: #333
}

.historyData .selectschool, .historyData .selectschool .histInput {
    width: 100%
}

.historyData .selectschool .histInput input {
    width: 40%;
    display: inline-block;
    height: 30px;
    border: 1px solid #eee;
    padding: 0 10px
}

.historyData .selectschool {
    height: 60px
}

.majorToSubject table tr th {
    background: #0075b9;
    color: #fff
}

.maskbutton {
    width: 179px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    color: #fff;
    font-size: 16px;
    background: #0baff3;
    margin: 50px auto 40px;
    border: 0;
    display: block;
    cursor: pointer
}

.schoolToMajor .subjectList {
    width: 100%;
    margin-top: 80px
}

.schoolToMajor .subjectList li {
    width: 28%;
    box-shadow: 0 0 20px 11px #f5f5f5;
    display: inline-block;
    margin: 0 2.5% 4.5%;
    padding: 35px 15px
}

.schoolToMajor .subjectList li h6 {
    font-size: 22px;
    color: #333;
    font-weight: 400;
    widows: 100%;
    text-align: center
}

.schoolToMajor .subjectList li .zuhe1 {
    width: 100%;
    text-align: center;
    margin: 25px 0;
    font-size: 18px
}

.schoolToMajor .subjectList li a {
    width: 137px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    background: #2fa6fa;
    border: 0;
    font-size: 14px;
    color: #fff;
    margin: 0 auto;
    border-radius: 20px;
    display: block
}

.seclectschool-mask {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .7);
    position: fixed;
    box-shadow: 0 0 20px 11px #3d3d3d;
    top: 0;
    left: 0;
    z-index: 99999101
}

.seclectschool-mask .bac {
    background: #fff;
    padding: 30px
}

.seclectschool-mask .gb_pages {
    margin: 20px 0 0
}

.seclectschool-mask .maskbutton {
    margin: 20px auto 40px
}

.seclectschool-mask .school {
    width: 1200px;
    height: 100%;
    margin: 0 auto;
    overflow: auto
}

.seclectschool-mask .school .container {
    width: 100%;
    margin-top: 10px
}

.majorMaskTop {
    margin-top: 10px
}

.majorMaskTop table tr th {
    background: #0075b9;
    color: #fff
}

.seclectschool-mask .closeMask {
    width: 40px;
    height: 40px;
    top: 0;
    background: #fff url() no-repeat 50%;
    background-size: 80% auto;
    position: absolute;
    left: 50%;
    margin-left: 601px;
    cursor: pointer
}

.newgk_tableList table tr td button {
    background: #0baff3;
    color: #fff;
    border: 0;
    width: 60px;
    padding: 5px 10px
}

.newgk_tableList table tr td .active {
    background: #c5c5c5
}

.nullvipTips {
    width: 939px;
    display: inline-block;
    vertical-align: top;
    margin-top: -20px;
    margin-left: -4px
}

.nullvipTips .noVip6 {
    margin-top: 100px;
    background: #fff
}

.nullVip {
    width: 260px;
    margin-top: -20px;
    display: inline-block
}

.nullVip li {
    width: 260px;
    border: 1px solid #e5e5e5;
    line-height: 20px;
    border-top: 0;
    font-size: 14px;
    text-align: center;
    color: #505050;
    padding: 10px 8px
}

.selectPici {
    width: 100%;
    height: 47px;
    border: 1px solid #eee;
    margin-top: 10px;
    background: #f9f9f9
}

.selectPici .subnav-box {
    background: none;
    width: 100%
}

.selectPici .subnav-box dl {
    border: 0;
    padding: 0 0 0 10px
}

.selectPici .subnav-box dl dd {
    border: 0
}

.newGaokaoTable {
    width: 100%;
    margin-top: 20px
}

.newGaokaoTable table {
    width: 100%;
    border-collapse: collapse
}

.newGaokaoTable table tr {
    height: 35px
}

.newGaokaoTable table tr th {
    background: #f3f3f3;
    color: #333;
    font-size: 14px;
    font-weight: 400;
    height: 40px
}

.newGaokaoTable table tr td {
    padding: 5px 10px;
    font-size: 12px;
    text-align: center;
    color: #666
}

.newGaokaoTable table tr .widthshort {
    width: 100px
}

.newGaokaoTable table thead tr th {
    background: #0075b9;
    color: #fff !important
}

.newGaokaoSelect .container {
    width: 100%
}

.newGaokaoTable table td {
    font-size: 12px
}

.newGaokaoTable table tbody tr .left {
    text-align: left
}

.newGaokaoTable table tbody tr td .tit {
    font-size: 16px;
    margin-bottom: 10px;
    color: #000
}

.newGaokaoTable table tbody tr td {
    padding: 15px 10px;
    font-size: 12px
}

.newGaokaoTable table tbody tr .left i {
    border: 1px solid #eee;
    padding: 2px 4px;
    font-size: 12px
}

.newGaokaoTable table tbody tr td:nth-child(3) {
    color: #0075b9
}

.newGaokaoTable table tbody tr .edit {
    width: 120px;
    padding: 10px 0
}

.newGaokaoTable table tbody tr .edit button {
    padding: 5px 25px;
    border-radius: 0
}

.newGaokaoTable table tbody tr .edit div p {
    display: inline-block;
    cursor: pointer
}

.newGaokaoTable table tbody tr .edit div .down {
    background: url() no-repeat 50%;
    background-size: 15px 15px;
    width: 20px;
    height: 30px
}

.newGaokaoTable table tbody tr .edit div .down:hover {
    background: url() no-repeat 50%;
    background-size: 15px 15px
}

.newGaokaoTable table tbody tr .edit div .up {
    background: url() no-repeat 50%;
    background-size: 15px 15px;
    width: 20px;
    height: 30px
}

.newGaokaoTable table tbody tr .edit div .up:hover {
    background: url() no-repeat 50%;
    background-size: 15px 15px
}

.newGaokaoTable table tbody tr .edit div .delet {
    background: url() no-repeat 50%;
    background-size: 15px 15px;
    width: 20px;
    height: 30px
}

.newGaokaoTable table tbody tr .edit div .delet:hover {
    background: url() no-repeat 50%;
    background-size: 15px 15px
}

.newGaokaoTable table tbody tr .edit div .chosen {
    background: url(http://static.gaokao.nercel.com/web/public/img/major2.d888f9cc.png) no-repeat 50%;
    background-size: 15px 15px;
    width: 20px;
    height: 30px
}

.secondSelect div {
    display: inline-block
}

.secondSelect .text {
    font-size: 14px
}

.secondSelect .text i {
    color: #ff8006;
    margin: 0 4px
}

.secondSelect .majorSelect {
    width: 200px;
    border: 1px solid #eee;
    padding: 4px 10px;
    font-size: 14px;
    margin-left: 50px;
    margin-right: 25px
}

.secondSelect .majorSelect p {
    width: 100%
}

.secondSelect .majorSelect p em {
    width: 20px;
    height: 20px;
    background: url(http://static.gaokao.nercel.com/web/public/img/trtdupdown.3a7688cd.png) no-repeat top;
    background-size: 15px auto;
    display: inline-block;
    background-position: 0 3px;
    float: right
}

.secondSelect .hasChosen {
    font-size: 14px;
    margin-right: 25px
}

.secondSelect .hasChosen i {
    color: #ff8006
}

.secondSelect .button button {
    background: #0075b9;
    border: 0;
    padding: 5px 10px;
    color: #fff
}

.secondSelect .right {
    float: right
}

.newsGaokoaSelectProvince {
    width: 100%;
    height: 50px;
    border-bottom: 1px solid #eee
}

.newsGaokoaSelectProvince .zoneMain {
    border: 1px solid #dedddc;
    width: 100px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    cursor: pointer;
    display: inline-block;
    position: relative
}

.newsGaokoaSelectProvince .zoneMain ul {
    box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
    width: 345px;
    height: auto;
    position: absolute;
    z-index: 90;
    top: 48px;
    left: 0;
    border: 1px solid #ccc;
    background: #fff;
    padding: 10px;
    font-size: 0;
    text-align: left
}

.newsGaokoaSelectProvince .zone-tip-arrow {
    position: absolute;
    top: 40px;
    left: 30px;
    width: 14px;
    height: 10px;
    z-index: 99;
    background-image: url();
    background-repeat: no-repeat
}

.newsGaokoaSelectProvince .zoneMain ul li {
    display: inline-block;
    color: #424242;
    font-size: 14px !important;
    width: 25%;
    text-align: center;
    -webkit-transition: none;
    transition: none
}

.newsGaokoaSelectProvince .zoneMain ul .active, .newsGaokoaSelectProvince .zoneMain ul li:hover {
    background: #005bcc;
    color: #fff
}

.newsGaokoaSelectProvince .zoneMain .ulzone {
    display: none;
    position: absolute;
    top: -10px;
    width: 345px;
    height: 300px
}

.newsGaokoaSelectProvince .zoneMain:hover .ulzone {
    display: block
}

.newsGaokoaSelectProvince .zoneMain em {
    display: inline-block;
    font-size: 14px;
    vertical-align: top
}

.newsGaokoaSelectProvince .zoneMain i {
    display: inline-block;
    width: 20px;
    vertical-align: top;
    height: 30px;
    background: url(http://static.gaokao.nercel.com/web/public/img/dingwei.6d31c8d6.png) no-repeat 100%;
    background-size: 17px auto
}

.newsGaokoaSelectProvince span {
    display: inline-block;
    margin-left: 10px;
    font-size: 14px
}

.newsGaokoaSelectProvince .statistical {
    float: right;
    font-size: 14px;
    color: #666;
    line-height: 50px
}

.newsGaokoaSelectProvince .statistical i {
    color: #ff9702;
    font-weight: 700;
    padding: 0 5px
}

.secherNewgaokao {
    height: auto !important;
    position: relative;
    overflow: inherit !important
}

.secherNewgaokao .targetSchool {
    width: 576px;
    display: inline-block;
    height: 70px
}

.secherNewgaokao .targetSchool .targetbox {
    position: absolute;
    width: 717px;
    top: 33px
}

.secherNewgaokao .targetSchool .targetbox input {
    font-size: 14px;
    width: 98% !important;
    margin: 0 1% 10px;
    height: 30px !important;
    line-height: 30px !important;
    float: none
}

.minheightGaokao {
    min-height: 300px
}

.secherMiniHeight .secher button, .secherMiniHeight .secher button:active {
    background: #2fa6fa url() no-repeat 0 !important;
    background-position: 25px 8px !important
}

.majorTable .sixForthree li {
    width: 16.6%
}

.majorTable .threForOnePlustwo {
    width: 50%;
    margin: 0 auto
}

.majorTable .threForOnePlustwo p {
    height: 50px;
    line-height: 50px;
    padding: 0 20px;
    color: #666;
    margin-top: 30px
}

.majorTable .threForOnePlustwo li {
    width: 150px
}

.enrollMoshi img {
    width: 900px
}

.vipEnd {
    font-size: 16px;
    color: #ff8a00;
    font-weight: 400;
    margin-left: 550px
}

.testVip .subnav-box {
    width: 100%
}

.testVip .subnav-box dl dd ul li {
    font-size: 13px
}

.canSelect .subnav-box dt {
    padding: 5px 0
}

.canSelect .subnav-box dl dd ul li, .canSelect .subnav-box dt {
    font-size: 12px
}

.plusHeight {
    min-height: 613px;
    margin-bottom: 15px
}

.backEdit {
    width: 100px;
    height: 30px;
    font-size: 13px;
    line-height: 30px;
    margin: -65px 0 30px 790px
}

.tiyanTips {
    width: 910px;
    margin: 0 auto 70px;
    background: #ccc;
    height: 40px;
    line-height: 40px;
    text-align: center
}

.tiyanTips font {
    color: #005bcc;
    padding: 0 4px;
    font-weight: 700
}

.tiyanTips a {
    color: #005bcc
}

.gailvtips {
    margin: 20px auto 30px
}

.padingbottom0Ty {
    padding-bottom: 80px
}

.margintop20Ty {
    margin-top: 43px
}

.indexTiyan {
    width: 100%;
    margin-bottom: 30px !important
}

.indexTiyan a {
    width: 590px;
    display: inline-block;
    height: 200px;
    border-radius: 10px
}

.indexTiyan .p1 {
    background: url(http://static.gaokao.nercel.com/web/public/img/tiyan1.a69c13b2.png) no-repeat 50%
}

.indexTiyan .p2 {
    background: url(http://static.gaokao.nercel.com/web/public/img/tiyan2.59bfb6da.png) no-repeat 50%;
    float: right
}

.swal2-popup {
    background: #fff !important;
    z-index: 99999999 !important
}

#swal2-content {
    display: block;
    text-align: center;
    color: #000;
    margin-top: -8px
}

.simulateContainer .tabButton {
    height: auto;
    width: 100%
}

.simulateContainer .tabButton ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    height: 44px;
    border-bottom: 3px solid #00aff0;
    box-sizing: initial
}

.simulateContainer .tabButton ul li {
    height: 100%;
    width: 160px;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    border-top: 1px solid #e4e4e4;
    border-left: 1px solid #e4e4e4;
    color: #6d6d6d;
    font-size: 16px;
    cursor: pointer
}

.simulateContainer .tabButton ul li + li {
    background: url(http://static.gaokao.nercel.com/web/public/img/hothot.7fe565b4.png) no-repeat 100% 0;
    background-size: 35px auto
}

.simulateContainer .tabButton ul li:last-child {
    border-right: 1px solid #e4e4e4
}

.simulateContainer .tabButton ul li.active {
    border-color: #00aff0;
    background: #00aff0;
    color: #fff
}

.simulateContainer .content {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.simulateContainer .content h3 {
    height: 70px;
    line-height: 70px;
    font-weight: 400;
    font-size: 18px
}

.simulateContainer .content .scoreInfo {
    width: 100%;
    height: 42px;
    border: 1px solid #e4e4e4;
    background: #f3f3f3;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding-left: 28px;
    margin-bottom: 12px;
    font-size: 14px
}

.simulateContainer .content .scoreInfo strong {
    font-weight: 400
}

.simulateContainer .content .scoreInfo span {
    padding-left: 18px;
    color: #867f7f
}

.simulateContainer .content .scoreInfo span em {
    color: #ff9f2c
}

.simulateContainer .content .fillTable {
    width: 100%;
    height: auto
}

.simulateContainer .content .fillTable table {
    border-collapse: collapse;
    width: 100%
}

.simulateContainer .content .fillTable table, .simulateContainer .content .fillTable td, .simulateContainer .content .fillTable th {
    border: 1px solid #e4e4e4;
    font-size: 14px
}

.simulateContainer .content .fillTable table th {
    height: 40px
}

.simulateContainer .content .fillTable table td {
    height: 300px;
    text-align: center;
    color: #595959
}

.simulateContainer .content .fillTable table .column1 {
    width: 10%
}

.simulateContainer .content .fillTable table .locked {
    background: url(http://static.gaokao.nercel.com/web/public/img/suo.8b72fa60.png) no-repeat 100% 0;
    background-size: 45px auto
}

.simulateContainer .content .fillTable table .locktips {
    text-align: left;
    padding: 0 17px
}

.simulateContainer .content .fillTable table .locktips div {
    margin: 20px 0
}

.simulateContainer .content .fillTable table .locktips input {
    margin-top: 9px
}

.simulateContainer .content .fillTable table .locktips em, .simulateContainer .content .fillTable table .locktips input, .simulateContainer .content .fillTable table .locktips p {
    display: inline-block;
    vertical-align: top;
    line-height: 30px
}

.simulateContainer .content .fillTable table .locktips em {
    background: url(http://static.gaokao.nercel.com/web/public/img/newstudents.1fef75ab.png) no-repeat 50%;
    width: 18px;
    height: 18px;
    display: inline-block;
    cursor: pointer;
    background-size: 100%;
    margin-left: -3px;
    margin-top: 6px
}

.simulateContainer .content .fillTable table .column2 {
    width: 35.5%
}

.simulateContainer .content .fillTable table .majorList {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    width: 100%;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    margin-top: 0
}

.simulateContainer .content .fillTable table .majorList li {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    margin-bottom: 5px
}

.simulateContainer .content .fillTable table .majorList li:last-child {
    margin: 0
}

.simulateContainer .content .fillTable table .majorList li p {
    width: 265px;
    height: 40px;
    line-height: 40px;
    text-align: left;
    border: 1px solid #e4e4e4;
    color: #717171;
    background: #f9f9f9;
    padding-left: 15px;
    margin-right: 5px;
    overflow: hidden
}

.simulateContainer .content .fillTable table .majorList li span {
    width: 100px;
    height: 40px;
    line-height: 40px;
    color: #717171;
    background: #f9f9f9;
    border: 1px solid #e4e4e4;
    cursor: pointer
}

.simulateContainer .content .fillTable table .school {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    width: 100%;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.simulateContainer .content .fillTable table .school .selectSchool {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    font-size: 16px
}

.simulateContainer .content .fillTable table .school .selectSchool p {
    width: 265px;
    height: 40px;
    line-height: 40px;
    text-align: left;
    border: 1px solid #e4e4e4;
    padding-left: 15px;
    color: #717171;
    background: #f9f9f9;
    margin-right: 5px
}

.simulateContainer .content .fillTable table .school .selectSchool span {
    width: 100px;
    height: 40px;
    line-height: 40px;
    background: #00aff0;
    color: #fff;
    cursor: pointer
}

.simulateContainer .content .fillTable table .school .schoolInfo {
    width: 370px;
    margin-top: 28px
}

.simulateContainer .content .fillTable table .school .schoolInfo li {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    height: 30px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    color: #656565;
    font-size: 12px
}

.simulateContainer .content .fillTable table .school .schoolInfo li strong {
    width: 100px;
    text-align: right;
    font-weight: 400
}

.simulateContainer .content .fillTable table .school .schoolInfo li p {
    padding-left: 16px;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.simulateContainer .content .fillTable table .school .schoolInfo li p span {
    font-size: 12px;
    padding: 2px 9px;
    border-radius: 5px;
    overflow: hidden;
    color: #fff;
    margin-right: 5px
}

.simulateContainer .content .fillTable table .school .schoolInfo li p em {
    color: #ff8006
}

.simulateContainer .content .fillTable table .school .schoolInfo li p .percent {
    padding: 0;
    width: 174px;
    height: 10px;
    background: #e4e4e4;
    margin-right: 13px;
    overflow: hidden
}

.simulateContainer .content .fillTable table .school .schoolInfo li p .percent em {
    display: block;
    height: 100%;
    background: #b3d465
}

.simulateContainer .content .fillTable table .school .schoolInfo li p .school211 {
    background: #f9a317
}

.simulateContainer .content .fillTable table .school .schoolInfo li p .school985 {
    background: #f99117
}

.simulateContainer .content .fillTable table .school .schoolInfo li p .double {
    background: #ff8006
}

.simulateContainer .content .fillTable table .school .schoolInfo li p .country {
    background: #ee85df
}

.schoolDetailContainer, .schoolInfoHeader {
    width: 1200px;
    margin: 0 auto
}

.schoolInfoHeader {
    height: 190px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.schoolInfoHeader .left {
    height: 118px;
    display: flex
}

.schoolInfoHeader .left img {
    width: 118px;
    height: 118px;
    border-radius: 118px;
    background: #e4e4e4;
    margin-right: 25px
}

.schoolInfoHeader .left .content {
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.schoolInfoHeader .left .content h3 {
    color: #fff;
    font-size: 30px;
    font-weight: 400;
    height: 50px;
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    margin-bottom: 20px
}

.schoolInfoHeader .left .content h3 em {
    font-size: 16px;
    margin-left: 14px
}

.schoolInfoHeader .left .content p {
    display: flex
}

.schoolInfoHeader .left .content p span {
    width: 65px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    color: #fff;
    font-size: 12px;
    background: #34b1ea;
    margin-right: 18px
}

.schoolInfoHeader .right {
    display: flex
}

.schoolInfoHeader .right button {
    border: 0 transparent;
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 14px;
    width: 88px;
    height: 34px;
    cursor: pointer;
    margin-left: 15px;
    background: hsla(0, 0%, 100%, .2)
}

.schoolInfoHeader .right button strong {
    width: 14px;
    height: 14px;
    background: #fff;
    margin-right: 10px
}

.schoolDetailContainer .tabButton {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 3px solid #00aff0;
    margin-top: 15px
}

.schoolDetailContainer .tabButton ul {
    display: flex;
    justify-content: flex-start;
    height: 44px;
    box-sizing: initial
}

.schoolDetailContainer .tabButton ul li {
    height: 100%;
    width: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-top: 1px solid #e4e4e4;
    border-left: 1px solid #e4e4e4;
    color: #6d6d6d;
    font-size: 16px;
    cursor: pointer
}

.schoolDetailContainer .tabButton ul li:last-child {
    border-right: 1px solid #e4e4e4
}

.schoolDetailContainer .tabButton ul li.active {
    border-color: #00aff0;
    background: #00aff0;
    color: #fff
}

.schoolDetailContainer .tabButton p {
    display: flex
}

.schoolDetailContainer .tabButton p span {
    width: 80px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: #00aff0;
    color: #fff;
    font-size: 14px;
    margin-left: 20px
}

.schoolDetailContainer .tabContent {
    min-height: 500px
}

.school-base-info {
    padding: 40px 0
}

.school-base-info .intro {
    padding-left: 14px
}

.school-base-info .intro .title {
    display: flex;
    flex-direction: column;
    border-bottom: 1px dashed #e4e4e4
}

.school-base-info .intro .title h3 {
    height: 30px;
    display: flex;
    align-items: center;
    color: #424242;
    font-weight: 400;
    font-size: 18px
}

.school-base-info .intro .title h3 p {
    width: 6px;
    height: 16px;
    border-radius: 3px;
    background: #f70;
    display: flex;
    overflow: hidden;
    margin-right: 12px
}

.school-base-info .intro .title h3 p span {
    height: 50%;
    width: 100%;
    background: #ff9233
}

.school-base-info .intro .gaikuang {
    height: 30px;
    display: flex;
    align-items: center;
    padding-left: 36px;
    font-size: 14px
}

.school-base-info .intro .gaikuang span {
    color: #666;
    margin-right: 38px
}

.school-base-info .intro .gaikuang span strong {
    color: #f70
}

.school-base-info .intro .content {
    padding-left: 36px;
    padding-right: 32px;
    padding-top: 15px;
    overflow: hidden;
    height: 225px
}

.school-base-info .intro .content.full-content {
    height: auto !important
}

.school-base-info .intro .content p {
    line-height: 26px;
    font-size: 14px;
    color: #7e7e7e
}

.school-base-info .intro .showMoreButton {
    width: 100%;
    height: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 23px
}

.school-base-info .intro .showMoreButton span {
    width: 122px;
    height: 44px;
    border: 1px solid #b0b0b0;
    color: #999;
    text-align: center;
    line-height: 44px;
    font-size: 14px
}

.school-base-info .school-info-chart .title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px dashed #e4e4e4
}

.school-base-info .school-info-chart .title h3 {
    height: 48px;
    display: flex;
    align-items: center;
    color: #424242;
    font-weight: 400;
    font-size: 18px
}

.school-base-info .school-info-chart .title h3 p {
    width: 6px;
    height: 16px;
    border-radius: 3px;
    background: #f70;
    display: flex;
    overflow: hidden;
    margin-right: 12px
}

.school-base-info .school-info-chart .title h3 p span {
    height: 50%;
    width: 100%;
    background: #ff9233
}

.school-base-info .school-info-chart .title .chart-button {
    display: flex
}

.school-base-info .school-info-chart .title .chart-button span {
    width: 98px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    color: #6d6d6d;
    background: #f1f1f1;
    font-size: 14px;
    margin-left: 5px;
    cursor: pointer
}

.school-base-info .school-info-chart .title .chart-button span.active, .school-base-info .school-info-chart .title .chart-button span:hover {
    color: #fff;
    background: #ff9f2c
}

.school-base-info .school-info-chart .chart {
    margin-top: 30px;
    width: 100%;
    height: 320px;
    border: 1px solid #e4e4e4
}

.school-base-info .school-major {
    margin-top: 30px
}

.school-base-info .school-major .title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px dashed #e4e4e4
}

.school-base-info .school-major .title h3 {
    height: 48px;
    display: flex;
    align-items: center;
    color: #424242;
    font-weight: 400;
    font-size: 18px
}

.school-base-info .school-major .title h3 p {
    width: 6px;
    height: 16px;
    border-radius: 3px;
    background: #f70;
    display: flex;
    overflow: hidden;
    margin-right: 12px
}

.school-base-info .school-major .title h3 p span {
    height: 50%;
    width: 100%;
    background: #ff9233
}

.evaluationContainer .subnav-box dl dd {
    border-bottom: none
}

.evaluationContainer .changeButton {
    width: 100%;
    height: 66px;
    border: 1px solid #e4e4e4;
    border-top: 0;
    display: flex;
    align-items: center;
    padding-left: 20px
}

.evaluationContainer .changeButton p {
    width: 150px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    color: #4f4f4f;
    cursor: pointer;
    font-size: 14px
}

.evaluationContainer .searchContent {
    margin-top: 30px
}

.evaluationContainer .searchContent .wenLi {
    height: 32px;
    line-height: 32px;
    margin-bottom: 15px
}

.evaluationContainer .searchContent .wenLi span {
    font-size: 14px;
    color: #999
}

.evaluationContainer .searchContent .wenLi select {
    width: 120px;
    height: 28px;
    border-color: #e4e4e4;
    line-height: 28px;
    padding-left: 12px;
    margin-left: 12px
}

.evaluationContainer .searchContent .searchButton {
    margin-top: 30px;
    width: 100%;
    display: flex;
    justify-content: center
}

.evaluationContainer .searchContent .searchButton p {
    width: 128px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    border-radius: 6px;
    background: #00aff0;
    color: #fff;
    font-size: 20px;
    cursor: pointer
}

.evaluationContainer .admissionScore h3 {
    width: 100%;
    height: 50px;
    border-bottom: 1px dashed #e4e4e4;
    display: flex;
    align-items: center;
    color: #424242;
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 18px
}

.evaluationContainer .admissionScore h3 p {
    width: 6px;
    height: 16px;
    border-radius: 3px;
    background: #f70;
    margin-right: 15px;
    overflow: hidden;
    display: flex
}

.evaluationContainer .admissionScore h3 p span {
    width: 100%;
    height: 50%;
    background: #ff9233
}

.evaluationContainer .admissionScore table {
    border-collapse: collapse;
    width: 100%
}

.evaluationContainer .admissionScore table, .evaluationContainer .admissionScore td, .evaluationContainer .admissionScore th {
    border: 1px solid #e4e4e4;
    font-size: 14px;
    text-align: center
}

.evaluationContainer .admissionScore td, .evaluationContainer .admissionScore th {
    height: 40px;
    color: #595959
}

.evaluationContainer .admissionPrecedence {
    margin-top: 30px;
    margin-bottom: 100px
}

.evaluationContainer .admissionPrecedence h4 {
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #707070;
    font-size: 16px
}

.evaluationContainer .admissionPrecedence .chart {
    width: 100%;
    height: 350px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative
}

.evaluationContainer .admissionRateTest {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 30px;
    margin-bottom: 200px
}

.evaluationContainer .admissionRateTest p {
    width: 200px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    background: #00aff0;
    border-radius: 5px;
    cursor: pointer
}

.container {
    width: 1200px;
    margin: 0 auto
}

.majorInfoHeader {
    height: 190px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.majorInfoHeader .left {
    height: 118px;
    display: flex
}

.majorInfoHeader .left img {
    width: 118px;
    height: 118px;
    border-radius: 118px;
    background: #e4e4e4;
    margin-right: 25px
}

.majorInfoHeader .left .content {
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.majorInfoHeader .left .content h3 {
    color: #fff;
    font-size: 30px;
    font-weight: 400;
    height: 50px;
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    margin-bottom: 20px
}

.majorInfoHeader .left .content h3 em {
    font-size: 16px;
    margin-left: 14px
}

.majorInfoHeader .left .content p {
    display: flex
}

.majorInfoHeader .left .content p span {
    width: 65px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    color: #fff;
    font-size: 12px;
    background: #34b1ea;
    margin-right: 18px
}

.majorInfoHeader .right {
    display: flex
}

.majorInfoHeader .right button {
    border: 0 transparent;
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 14px;
    width: 88px;
    height: 34px;
    cursor: pointer;
    margin-left: 15px;
    background: hsla(0, 0%, 100%, .2)
}

.majorInfoHeader .right button strong {
    width: 14px;
    height: 14px;
    background: #fff;
    margin-right: 10px
}

.majorDetailContainer .tabButton {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 3px solid #00aff0;
    margin-top: 15px
}

.majorDetailContainer .tabButton ul {
    display: flex;
    justify-content: flex-start;
    height: 44px;
    box-sizing: initial
}

.majorDetailContainer .tabButton ul li {
    height: 100%;
    width: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-top: 1px solid #e4e4e4;
    border-left: 1px solid #e4e4e4;
    color: #6d6d6d;
    font-size: 16px;
    cursor: pointer
}

.majorDetailContainer .tabButton ul li:last-child {
    border-right: 1px solid #e4e4e4
}

.majorDetailContainer .tabButton ul li.active {
    border-color: #00aff0;
    background: #00aff0;
    color: #fff
}

.majorDetailContainer .tabButton p {
    display: flex
}

.majorDetailContainer .tabButton p span {
    width: 80px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: #00aff0;
    color: #fff;
    font-size: 14px;
    margin-left: 20px
}

.majorDetailContainer .tabContent {
    min-height: 500px
}

.major-base-info .jobUl li {
    display: inline-block;
    padding: 9px 20px;
    background: #fafafa;
    color: #303030;
    font-size: 14px;
    margin: 10px 15px;
    cursor: pointer
}

.major-base-info .jobUl .active, .major-base-info .jobUl li:hover {
    background: #00aff0;
    color: #fff
}

.major-base-info {
    padding: 40px 0
}

.major-base-info .intro {
    padding-left: 14px
}

.major-base-info .intro .title {
    display: flex;
    flex-direction: column;
    border-bottom: 1px dashed #e4e4e4
}

.major-base-info .intro .title h3 {
    height: 30px;
    display: flex;
    align-items: center;
    color: #424242;
    font-weight: 400;
    font-size: 18px
}

.major-base-info .intro .title h3 p {
    width: 6px;
    height: 16px;
    border-radius: 3px;
    background: #f70;
    display: flex;
    overflow: hidden;
    margin-right: 12px
}

.major-base-info .intro .title h3 p span {
    height: 50%;
    width: 100%;
    background: #ff9233
}

.major-base-info .intro .gaikuang {
    height: 30px;
    display: flex;
    align-items: center;
    padding-left: 36px;
    font-size: 14px
}

.major-base-info .intro .gaikuang span {
    color: #666;
    margin-right: 38px
}

.major-base-info .intro .gaikuang span strong {
    color: #f70
}

.major-base-info .intro .content {
    padding-left: 36px;
    padding-right: 32px;
    padding-top: 15px;
    overflow: hidden
}

.major-base-info .intro .content p {
    line-height: 26px;
    font-size: 14px;
    color: #7e7e7e
}

.major-base-info .intro .showMoreButton {
    width: 100%;
    height: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 23px
}

.major-base-info .intro .showMoreButton span {
    width: 122px;
    height: 44px;
    border: 1px solid #b0b0b0;
    color: #999;
    text-align: center;
    line-height: 44px;
    font-size: 14px
}

.major-base-info .major-info-chart .title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px dashed #e4e4e4
}

.major-base-info .major-info-chart .title h3 {
    height: 48px;
    display: flex;
    align-items: center;
    color: #424242;
    font-weight: 400;
    font-size: 18px
}

.major-base-info .major-info-chart .title h3 p {
    width: 6px;
    height: 16px;
    border-radius: 3px;
    background: #f70;
    display: flex;
    overflow: hidden;
    margin-right: 12px
}

.major-base-info .major-info-chart .title h3 p span {
    height: 50%;
    width: 100%;
    background: #ff9233
}

.major-base-info .major-info-chart .title .chart-button {
    display: flex
}

.major-base-info .major-info-chart .title .chart-button span {
    width: 98px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    color: #6d6d6d;
    background: #f1f1f1;
    font-size: 14px;
    margin-left: 5px;
    cursor: pointer
}

.major-base-info .major-info-chart .title .chart-button span.active, .major-base-info .major-info-chart .title .chart-button span:hover {
    color: #fff;
    background: #ff9f2c
}

.major-base-info .major-info-chart .chart {
    margin-top: 30px;
    width: 100%;
    height: 320px;
    border: 1px solid #e4e4e4
}

.major-base-info .major-major {
    margin-top: 30px
}

.major-base-info .major-major .title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px dashed #e4e4e4
}

.major-base-info .major-major .title h3 {
    height: 48px;
    display: flex;
    align-items: center;
    color: #424242;
    font-weight: 400;
    font-size: 18px
}

.major-base-info .major-major .title h3 p {
    width: 6px;
    height: 16px;
    border-radius: 3px;
    background: #f70;
    display: flex;
    overflow: hidden;
    margin-right: 12px
}

.major-base-info .major-major .title h3 p span {
    height: 50%;
    width: 100%;
    background: #ff9233
}